free design resources

A curated catalogue of typefaces released under free licences, listed with classification, style count and licence name, and linked to the foundry where each font can be obtained.

49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

A free browser-based effects editor stacking 75+ dither, halftone, ASCII and pixel effects into posters, graphics and motion visuals.

A free library of 1,300+ curated logos, wordmarks, symbols and animated logos from top studios, filterable by color, style, shape and industry.

Free, open-source React micro-interaction components for the half-second after a click — copy the TypeScript source; the behavior is finished, the style is yours.

92 free, copy-paste UI prompts for vibe coders across 15 categories: auth forms, pricing, hero sections, bento grids, dashboards and more.

An open SVG brand library with 7,400+ logos and cloud icons — search, copy and ship brand marks via npm packages, CLI, CDN, API or MCP.

A flexible open-source icon family for interfaces, diagrams and presentations — thousands of glyphs in six weights, shipped as SVGs, web fonts and framework packages.

Sub-atomic styles: an open source set of expertly crafted CSS custom properties for consistent, adaptive design, installable from a CDN or NPM.

A free gradient generator blending mesh, grainy and animated gradients from traditional Japanese colours, exportable as SVG, PNG or MP4.

261,740 free hand-drawn SVG icons searchable by synonym — 'oops' finds facepalm, 'deploy' finds rocket — with currentColor and no attribution required.

An open source collection of 200+ high-quality, animated, interactive and fully customizable React components and micro-interactions.

936 open-source UI sound effects for web, mobile, SaaS and games, previewable across 12 sonic styles with one-shots and seamless loops.

A web tool for fetching high-resolution app icons from the App Store by name, link or App ID, with region, resolution and format parameters.

A free design skill for AI coding agents — Claude Code, Codex, Cursor and more. Gives your agent the design vocabulary to ship crafted UI instead of AI slop.

A collection of 550+ DESIGN.md files that give coding agents a real design system — colors, type, spacing, components and the reasoning behind them.

A marketplace of 51+ production-ready DESIGN.md design system files for Claude, Cursor and Copilot, free to download with live previews.

1,000+ free, open-source shadcn/ui components and React examples for Tailwind CSS, from data grids and Gantt charts to kanban boards and file uploads.

138 free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS — copy the source or install via the shadcn CLI.

Iconly Pro packs 40,000+ flat, animated and 3D icons into 6 styles and 70+ categories, with a web app, Figma plugin, MCP support and 2,500+ free icons.

The Chinese-language home for shadcn/ui: beautifully designed, accessible, open-source components you copy and paste, plus docs, themes and templates.

1,366 free MIT-licensed icons on one 24×24 grid, in stroke, two-tone, duotone and fill — set the exact size and stroke you ship, copy as SVG or JSX.

An open-source library of 250+ animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion and shadcn/ui — with MCP support for AI agents.

A premium gradient collection of 1,100+ smooth, textured, 3D and animated backgrounds, with a shader tool, Figma and Framer plugins, and free downloads.

A large free library of animated components for modern websites — copy the code, use it in Framer, or connect it through MCP.

A free, open-source registry of 1,600+ rare animated React components built with Tailwind CSS and Motion, installed with the shadcn CLI or MCP.

Motion-first animated icons you copy straight into your app, with one-command shadcn CLI installs and open-source code on GitHub.

Wikimedia Commons is the free media repository holding millions of freely licensed images, video and audio used across Wikipedia and beyond.

A meta-directory of icon libraries — browse hundreds of packs by style, from rounded and sharp corner to pixel and hand-drawn, with free options flagged.

A huge collection of handcrafted and AI-generated backgrounds, wallpapers, and gradients to elevate designs, apps, and client projects.

Over 6,200 free, open-source SVG icons with customizable size, color and stroke, plus packages for React, Vue, SolidJS and Figma.

A long-running gallery of 7,300+ landing page designs with 15,000+ full-page screenshots, filterable by category, color, platform and year.

A shadcn registry of 42 pixel-perfect, uniquely crafted components — from Apple Carousel to Fluid Gradient Text — free to copy and MIT licensed.

A free archive of 913+ Chinese brand logos in SVG and PNG — weather alerts, university crests, fintech marks and AI products, all copy-ready.

A curated selection of 214 truly free fonts across serif, sans serif, script, display, and monospace, with previews to find the right typeface.

A directory of design curations supplied by experts, paired with a weekly newsletter of hand-picked inspiration across a dozen categories.

2,000+ free hand-drawn illustrations in SVG and PNG, CC0-licensed for commercial use, with Figma kits, a plugin and MCP access for AI tools.

A free fonts service from the Indian Type Foundry (ITF) making professional-quality typefaces accessible to everyone at no cost.

A prompt library of 286 UI layout prompts across 15 categories — paste one into your AI tool and get clean, ready-to-ship Tailwind CSS markup.

A Chinese-language collection of free online utilities covering text, images, file conversion, math, business lookups, health and developer tools.

A free Mobbin alternative: browse UI screens and flows of viral apps like Tinder, Duolingo, and Airbnb, then edit any screen with an AI UI designer.

A free, open-source icon library with 2,700+ handcrafted SVG icons and ready-made packages for React, Vue, Angular, Svelte, Flutter and Figma.

A free UI library for React and Next.js with 200+ MIT-licensed copy-paste components, Tailwind blocks, device mockups and TypeScript source.

A free typeface catalogue of 163 somewhat contemporary fonts, all free for commercial use — from Tanklager to Overused Grotesk.

A free, MIT-licensed set of 350+ animated React icons built on Lucide and Motion, installable through the shadcn CLI registry.

A community-made icon toolkit of 1,877 consistent, lightweight SVG icons, tree-shakable and customizable across all major package managers.

Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.

The official Vuesax icon library — 44,000+ premium icons with 7,000 free, optimized for Vue, React, Svelte and Flutter, plus Figma, Framer and MCP support.

A curated gallery of 120 real-world design systems with evidence-linked guides, plus free interactive token, color and accessibility tools.

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS — 316 MIT-licensed icons in outline, solid, mini and micro styles with React and Vue libraries.

One of the most complete icon libraries: 60,000+ icons across 10 styles and 59 categories for Figma, React, Flutter and more, with free and pro tiers.

An open-source React UI kit of copy-paste animated components built for Next.js and Tailwind CSS, with new components released regularly.

Beautifully designed components that you can copy and paste into your apps. Accessible, customizable and open source — built on Radix UI and Tailwind CSS.

A large collection of copy-paste components built on top of shadcn/ui and Tailwind CSS — forms, layouts and application UI patterns for real products.

A hand-picked gallery of the web's best designed websites — an endless source of landing page and interaction inspiration.

A showcase of the finest web and interaction design, filterable by style, type and subject — a classic reference for typographic web design.

The collaborative interface design tool behind most modern product teams — design, prototype and hand off in the browser.

Google's open-source design system — color, typography, motion and component guidelines with practical resources for web and app builders.