Design & Development

Coolors is a color palette generator with an image color picker, a contrast checker, gradients and a library of shared palettes to browse.

Iconoir is an open source icon library of more than 1,600 SVG icons on a 24×24 grid, MIT-licensed and signup-free; you can browse and download icons on its own site.

Open Peeps is Pablo Stanley's CC0-licensed hand-drawn illustration library where you build characters by mixing arms, legs, hairstyles, clothing, facial expressions and poses.

Accessibility Insights for Web is a Microsoft tool that runs as a Chrome and Microsoft Edge extension, with FastPass for a quick scan and Assessment for step-by-step WCAG 2.1 AA evaluation.

Carrd is a service for building and publishing one-page, mobile-friendly sites such as profiles, promo pages and landing pages without code; you start free with up to three sites per account.

iconmonstr is an icon site with more than 4,784 free icons in 316 collections, searchable, and downloaded after accepting a license agreement.

Jitter is a web-based motion design tool that builds animation from free templates or a blank canvas and exports the result as video, GIF or Lottie.

The ManyPixels gallery is an illustration gallery offering more than 20,000 free illustrations in five styles and 17 categories, with a license that allows commercial use without attribution.

Mockuuups Studio is a mockup editor where you drop your design onto thousands of device and print mockups, available in the browser, as a desktop app and through Figma, Sketch, Penpot and Adobe Express plugins.

Moqups is a cloud-based design tool for creating wireframes, mockups, interactive prototypes and diagrams for websites, apps and dashboards.

Notepad++ is a free source code editor and Notepad replacement for Windows; it is built on the Scintilla component and licensed under the GPL.

Good to know: Requires desktop installation.

Rive is a tool for designing interactive animation and interfaces with state machines; it offers a browser editor and a desktop app, and its output runs in runtimes such as iOS, Android, web, Flutter, React and game engines.

Spline is a 3D design tool for building 3D scenes with real-time collaboration in the browser and in Mac and Windows desktop apps, adding interactions and animation and exporting to the web, React and other formats.

Storyset is Freepik Company's illustration site with editable and animated illustrations, where free use depends on giving credit.

The Noun Project is a large icon library of vector icons and photos made by creators, downloadable as SVG and PNG, with free downloads and paid royalty-free licenses.

unDraw is an illustration site with free SVG illustrations whose colors you can change on the fly to match your brand, and a license that allows commercial and non-commercial use without attribution.

Visual Studio Code is a Microsoft code editor that runs on Windows, macOS, Linux and in the browser (vscode.dev), with extensions, Git, an integrated terminal and debugging.

Good to know: Requires desktop installation.

Zed is a code editor from Zed Industries, written in Rust and designed for speed and for working with people and AI, running on macOS, Windows and Linux.

Good to know: Requires desktop installation.

Adobe Color is an Adobe tool that builds palettes on a color wheel with harmony rules, extracts palettes and gradients from images, and offers contrast checking and color blindness simulation.

Awwwards is a web design awards and inspiration gallery that shows award-winning websites by category and technology; browsing is free, while Pro membership offers submission and profile perks.

Color Hunt is a palette browser where designers and artists explore ready-made color palettes by color, mood or theme and sort them by new, popular or random.

Dribbble is a design platform where designers share their work, where you can discover top designers and their work, and where companies look for creative talent.

Figma is a design tool for designing and prototyping interfaces on one canvas, working with a team and turning designs into code with Dev Mode; it is used through figma.com and desktop apps.

Fontjoy is a web tool that suggests font pairings with deep learning, lets you change the pair by hand with Generate, Lock and Edit buttons, and uses the Google Fonts library as its source.

Google Fonts is Google's font collection served at fonts.google.com, distributed mostly under the SIL Open Font License, with some fonts under Apache 2 and the Ubuntu Font License.

Google Sites is a Google tool, integrated with Google Workspace, for building team, project and event sites with drag and drop and no code.

Leonardo is an open source Adobe color tool that generates color scales and adaptive themes from a target contrast ratio, treating accessibility as a starting point.

LottieFiles is a motion design platform with a library of more than 800,000 free and premium ready-made animations, a web-based Lottie Creator editor and Lottie and dotLottie formats.

Mobbin is a design reference library of mobile and web app screens, end-to-end flows such as onboarding and checkout, interface patterns and website sections; a free account gives limited access.

PageSpeed Insights analyzes a page address for mobile and desktop and shows real-user field data together with Lighthouse lab data.

Penpot is an open-source design platform for interface design, wireframes and interactive prototypes; you can use it in the cloud or install it on your own server, and it works with open standards such as SVG, CSS, HTML and JSON.

Phosphor Icons is an MIT-licensed icon family for interfaces, diagrams and presentations, with 1,248 icons and six weights (thin, light, regular, bold, fill, duotone).

Placeit is Envato’s web-based design tool offering mockups for apparel, digital devices, print and print-on-demand products, plus a logo maker, design templates and video tools; unlimited downloads come with a subscription.

Rotato is a mockup generator that places your own app or web design on the screens of more than 30 ready-made 3D devices and turns it into an animated video or image; it has a macOS app and a public-beta web version.

Good to know: Requires desktop installation.

Shots.so is a web-based mockup app that turns product screenshots into presentation images or short videos with device frames, backgrounds and animated motion.

Squarespace is a platform for building a website without code, using templates, a drag-and-drop editor and an AI site builder, with hosting, domains and commerce tools in one place.

Sublime Text is a paid text editor from Sublime HQ for Windows, macOS and Linux that emphasizes performance for code, markup and prose, with plugin support through a Python 3.8 API.

Good to know: Requires desktop installation.

Uizard is an AI-assisted interface design tool that generates multi-screen, editable prototypes from a text prompt and turns screenshots and hand sketches into editable designs.

WAVE is a WebAIM tool that marks accessibility and WCAG errors directly on a web page with icons; it is offered as an online tool and as a browser extension.

Webflow is a website builder that lets you design a site visually without writing code and publish it with CMS, hosting and e-commerce features.

WhatTheFont is MyFonts' font identification tool that searches its database for fonts resembling the text in an image and shows a list of matches with text previews.