Find the right design resource for your next web project
Fonts, color palettes, icons, AI tools, mockups and animation libraries — every entry checked for license, price and use case, so you can ship it without a legal round-trip.
Browse by category
How we chooseFonts
13 toolsBrowse hand-picked free and premium fonts for web projects, with license, variable font and pricing details for every family.
Color palettes
5 toolsAccessible color palettes, contrast checkers and Tailwind CSS color generators — every tool states its license and pricing model upfront.
Developer tools
9 toolsEveryday utilities for frontend work: converters, image optimizers, browser support tables, scheduling APIs and form builders that developers actually keep open.
Icons
11 toolsSVG icon sets, Figma plugins and icon managers with clear licensing — find icons you can ship in a commercial project without a second license round.
AI design tools
3 toolsAI generators for imagery, video and interface concepts, compared by pricing model and output format so you know what you pay for before you render.
Animation tools
2 toolsLibraries and reference vaults for UI animation: scroll effects, transitions and micro-interactions, with the framework and licensing details included.
Mockups
8 toolsGenerate device mockups, app screenshots and branded presentations in minutes — compare pricing, formats and licensing for every generator.
Design inspiration
4 toolsAwarded websites, curated interaction demos and case studies — sources of layout, typography and motion ideas for the next project you ship.
Localization tools
2 toolsPlatforms for translating, reviewing and shipping product copy, compared on pricing model, integrations and translation memory support.
Deployment tools
1 toolsExpose local servers to the internet and give reviewers a shareable URL — the tooling that makes design review and client handoff painless.
Testing tools
3 toolsTest in real browsers and on physical devices: cloud device labs, browser farms and mobile app testing with clear pricing and coverage details.
Curated collections
All collectionsBest Free Fonts for SaaS Landing Pages
Free, commercial-use fonts that hold up in a hero headline, a pricing table and a product screenshot caption — plus the pairing rules that make them work together.
3 resourcesTailwind Color Tools and Palette Generators
Tools for generating accessible palettes and exporting them straight into a Tailwind CSS theme, with contrast checking built in.
2 resourcesSVG Icon Libraries for React and Next.js
Open-source icon sets that ship as tree-shakeable React components, with consistent geometry and permissive licences.
2 resourcesAI Tools for Web Designers and Frontend Developers
Generative tools that produce assets a web build can actually ship — editable vectors, imagery with readable text, and UI scaffolding.
2 resourcesFree Mockup Generators for App Screenshots
Generators that turn a URL or screenshot into a device mockup — free tiers, paid tiers and what each one is actually good at.
3 resourcesEditor picks

Fontshare
Free, production-ready fonts from Indian Type Foundry.

Geist
Vercel’s variable typeface family, free under the OFL.

Colour Contrast
Accessible contrast checker for WCAG 2.2 compliance.

UI Colors
Tailwind CSS colour palette with contrast data.

Can I Use
Browser support tables for HTML, CSS and JavaScript.

Squoosh
Browser-based image compression to modern formats.
Fffuel
Generators for SVG gradients, patterns, textures, shapes and free color palette tools
Nucleo
Icon manager for browsing, customizing and exporting more than 40,000 SVG icons
Recently added

Departure Mono
Pixel-style monospace with a lo-fi technical feel.

Pangram Pangram
Free fonts and a foundry for experimental display type.

CoType Foundry
Small independent foundry with a tight catalogue.

Typotheque
Le75 foundry with experimental and contemporary type.