150+ Free Design Resources: Fonts, Icons, Mockups and UI Kits

Last updated: August 2026

"Free" in design resources usually means free until you try to use it commercially. Everything below is genuinely free, with the conditions stated where they exist.

Icons

Lucide — over 1,000 MIT-licensed icons, consistent 24px grid, packages for every framework. The best default.

Tabler Icons — 5,000+ MIT icons, the largest free set.

Iconoir — completely free, no paid tier, no attribution required.

Heroicons — from the Tailwind team, outline, solid and mini.

Illustrations and patterns

Kitbitz — 2,000+ free hand-drawn illustrations. Genuinely not another set of flat corporate figures.

Pattern collection — curated patterns by working designers.

Basic Pattern Repository — free SVG patterns you copy straight into a project.

Creatica — generates unique SVG backgrounds and patterns.

Photography

Pexels — large, well curated, photos and video, commercial use without attribution.

Unsplash — the biggest library, and the reason your hero image looks familiar. Go past page one.

Pixabay — photos, illustrations, vectors and video.

Nappy — free high-quality photos of Black and Brown people, filling a real gap in mainstream stock.

Openverse — searches many openly licensed sources at once and shows each licence clearly.

Mockups

Previewed — free browser-based device and branding mockups.

Mockup World — aggregates free mockup files from across the web.

LS Graphics — high quality with a reliable free section.

Javii Tools — pixel-accurate generators in one place.

Snapester — turns raw screenshots into presentable visuals.

UI kits and components

shadcn/ui — copy components into your project and own them. The default foundation for many new React projects.

Flowbite — Tailwind components across React, Vue and vanilla, large free tier.

TailGrids — open-source React and Tailwind components.

Untitled UI — a large Figma UI kit with a free tier.

Uiverse — community-made open-source CSS components.

Colour

Coolors — the fastest palette generator.

Color Hunt — curated four-colour palettes.

Realtime Colors — test a palette on a realistic layout before committing.

Happy Hues — palettes shown applied, with guidance on which colour goes where.

Typography and reference

Typeverything — display type foundry.

Words of Type — multilingual encyclopedia of typographic terms.

UX Lexicon — interactive glossary of UX research terms.

Easings — easing function reference.

Component Gallery — how real design systems document their components.

Free tools

Penpot — free open-source design tool, unlimited editors.

Excalidraw — free whiteboard and diagramming.

tldraw — free infinite canvas.

Figma — free tier covers individual work completely.

Superposition — extract design tokens from any live site.

On licences

MIT and Apache 2.0 — use freely, including commercially, no attribution. CC0 / public domain — no restrictions. CC BY — free with attribution. "Free for personal use" — not usable in client or commercial work.

When a licence is unclear, treat it as unusable commercially. Retrofitting a licence problem after launch is far more expensive than choosing a different asset.

We catalogue 1,800+ design tools and resources in total — browse icons, illustrations, mockups and colour tools.