THE TOOLS

Tailwind CSS

Utility-first CSS framework most of this directory sits on.

Canvas UI

HTML-in-canvas components with realtime shaders over real UI.

vshaders

Pick a shader, tweak it, let an agent copy the files — like shadcn for WGSL.

Fontshare

Quality free fonts from Indian Type Foundry.

p5.js

Creative-coding library for canvas, WebGL, and sound.

OpenPencil

Open-source Figma-compatible design editor that runs fully local.

Shadertoy

Live GLSL community. Watch, fork, learn.

Magic UI

Animated React components for landing pages.

Playgrnd

32 tiny browser tools for making weird, beautiful things.

Drawably

Hand-drawn UI controls. A fresh pen sketch every mount.

Poly Haven

CC0 HDRIs, textures, and models for real scenes.

Unicorn Studio

No-code WebGL effects you embed on a site.

Color · Freemium

Coolors

The palette generator people actually use.

Beautiful UI

A component library aimed at designers building AI interfaces.

Excalidraw

Hand-drawn whiteboard in the browser.

Lucide

Open-source icon set, fork of Feather, many frameworks.

Unsplash

Photographs under the Unsplash License.

Libraries.dev

Five UI effect libraries — beam, orbs, metal, gooey, image — free on npm.

GetLayers

Cinematic templates, 3D scenes, and gradients you copy as one AI prompt.

HeroUI

Accessible React components with polished Tailwind defaults.

ThreeUI

Open-source catalog of procedural Three.js heroes, shaders, and 3D UI.

Interfaces Skills

Agent skills for better UI, type, color, layout, and copy. 160k+ installs.

shadcn/ui

Copy-paste React components on Radix and Tailwind.

OpenDesign

Open-source vibe design workspace. Your agent, your brand.

Motion

Animation library for React, JavaScript, and Vue.

Components

SickUI

Copy-paste accessible React components installed with a small CLI.

Melt UI

Headless component builders for Svelte, powered by Zag.

Joly UI

50+ free shadcn/Radix React components for Next.js 14+ and Tailwind v4.

Hover.dev

React and Tailwind examples with serious motion.

HeroUI

Accessible React components with polished Tailwind defaults.

Stepwise UI

60+ free open-source React components built end-to-end for product UI.

Base UI Net

Free Angular + Tailwind primitives and form blocks you install as source via CLI.

Animata

Copy-paste animated Tailwind components.

8bitcn

8-bit styled components for shadcn/ui.

MUI

Material UI and the rest of the MUI system for React.

Opensource UI

200+ free copy-paste React and Next.js components, MIT, no paywall.

PrimeReact

A large free React component suite from PrimeTek.

SmoothUI

Animated React components on Motion and GSAP you add with a CLI or shadcn.

assistant-ui

Open-source React primitives for AI chat interfaces.

Balsa UI

Agent-ready Vue and React component source you install into the repo, not behind a package.

UIAble

shadcn and Base UI React blocks you copy into the repo; community set is MIT.

ObsidianUI

React and Tailwind blocks with a shadcn registry and MCP so agents can install them.

Eldora UI

Animated React components for landing pages.

ReUI

Another polished shadcn registry of components and blocks.

Ariakit

Unstyled accessible React primitives with examples you can style yourself.

Kibo UI

Composable blocks and components for shadcn/ui.

Aceternity UI

Tailwind plus Framer Motion components with previews.

uipkge

Free Vue and Nuxt copy-paste registry: components, blocks, and a production boilerplate.

React Bits

Animated React bits: text, backgrounds, UI flourishes.

coss ui

Modern React UI on Base UI primitives, copy-paste on Tailwind.

Rare UI

Free MIT shadcn registry of unusual animated React pieces, one file at a time.

Layouts

Open-source animated UI layouts you can drop into a React app.

UIAble

Free Tailwind and Base UI component library you copy and own.

GlassyUI

Open-source glassmorphism React components with real depth and refraction.

Stepwise UI

Free open-source React component collection for modern product interfaces.

UISEN

Community open-source UI elements in HTML, Tailwind, React, and Figma.

Kobalte

Unstyled, accessible UI primitives for Solid.

Radix UI

Unstyled, accessible primitives for React.

Open UI Library

Community free open-source UI components for React, Vue, Svelte and plain HTML.

Canvas UI

HTML-in-canvas components with realtime shaders over real UI.

Tailgrids

Tailwind React components and blocks with a free core and CLI.

Watermelon UI

600+ free open-source React components, animated blocks, dashboards, and templates.

bg.ibelick

Background snippets for Tailwind and CSS.

Float UI

Free open-source Tailwind CSS components and templates for React and Vue.

Opensource UI

Free production-ready React and Next.js components built with Tailwind and TypeScript.

Tailkits UI

30+ free MIT Tailwind components; copy-paste landing sections and UI blocks.

Fancy Components

Weird, tactile React components with serious motion.

Drawably

Hand-drawn UI controls. A fresh pen sketch every mount.

React Aria

Adobe’s accessible React hook and component layer.

Cult UI

Animated shadcn components plus AI SDK agent patterns.

Fragments UI

Accessible React components built for AI agents, with MCP governance.

Shoelace

A framework-agnostic web-component UI kit.

Panel UI

Copy-paste React Native and Expo components, shadcn-style.

Headless UI

Unstyled UI primitives from the Tailwind team.

Mantine

Full React component library with hooks and a theme.

Opensource UI

Copy-paste React and Next.js widgets, forms, and device mockups. MIT.

AICSS

Copy-paste UI for AI agents: thinking states, tool calls, streaming text.

Beautiful UI

A component library aimed at designers building AI interfaces.

Chakra UI

React components with a style-props workflow.

Sim UI

Copy-paste Angular UI components on Tailwind and Spartan, shadcn-style.

daisyUI

Tailwind plugin with semantic component classes.

OpenGlass UI

Open-source Liquid Glass component system for React — 40 accessible pieces.

CodedVisuals Free

Five free animated marketing visuals for React and shadcn/ui projects.

beUI

Composable, accessible, animated React components.

21st.dev

Community registry of React UI, searched and previewed.

Joly UI

Free open-source shadcn/ui extension with 50+ accessible animated components.

Animate UI

Animated shadcn-compatible components.

Velora UI

Free MIT animated shadcn/ui components plus complete multi-page SaaS templates.

Wensity UI

Motion-rich React components, blocks, and templates with a free CLI tier.

Magic UI

Animated React components for landing pages.

Incubator

Copy-paste React landing sections with tokens and motion, free plus Pro.

Opensource UI

Copy-paste production React and Next.js components with live previews, no paywall.

Rare UI

Tasteful animated React components you own — shadcn registry, Motion, MIT.

Ninna UI

CSS-first Tailwind v4 React component library with zero runtime and LLM-friendly docs.

AI Elements

shadcn registry for AI-native apps, on the Vercel AI SDK.

Tremor

React components for dashboards and charts.

Easy UI

Open-source animated React components.

SyntaxUI

Tailwind components with a developer-site feel.

FormsCN

Visual shadcn/ui form builder that exports typed React and Zod.

Skiper UI

A newer shadcn-style kit with polished blocks.

Balsa UI

Agent-native UI library that copies editable source into Vue or React projects.

Park UI

Styled Ark components with Panda CSS.

Float UI

Free open-source Tailwind CSS components and full website templates for React.

Extend UI

Open-source document UI kit: PDF/DOCX viewers, file systems, and citation tools.

7.css

CSS framework that recreates authentic Windows 7 UI components.

Velora UI

Free MIT animated shadcn/ui blocks and complete multi-page templates.

Neobrutalism

Brutalist shadcn components: thick borders, hard shadows, loud type.

gluestack

Universal, typed UI components for React and React Native.

Ninna UI

Zero-runtime React components with native Tailwind v4, CSS theming, and Radix accessibility.

Orbkit

WebGL shader orbs for React via shadcn registry, free for non-commercial.

Origin UI

Tailwind and React component collection, copy and own.

Ninna UI

Zero-runtime React components on Tailwind v4 with CSS-only theming and Radix a11y.

Watermelon UI

Open-source React components, animated blocks, and dashboards with a copy-paste registry.

Glasscn

Apple-inspired glassmorphic components on shadcn and Base UI.

Vue Bits

Animated Vue port of React Bits: text, backgrounds, and UI flourishes you copy in.

TailUI

Copy-paste Tailwind CSS v4 HTML components. No install, no setup.

Nuxt UI

A Vue and Nuxt component library on Tailwind.

Ant Design

The enterprise React design system from Ant Group.

Svelte Bits

Same animated component catalog as React Bits, rebuilt for Svelte.

Libraries.dev

Five UI effect libraries — beam, orbs, metal, gooey, image — free on npm.

Glin UI

Liquid Glass UI components for React on Radix and Tailwind, 50+ primitives.

shadcn/ui

Copy-paste React components on Radix and Tailwind.

Bits UI

Headless, accessible components for Svelte.

Cube UI Kit

Open-source React Aria kit with 100+ components and a token-aware style engine.

Base UI

Unstyled React primitives from the MUI team.

Float UI

Open-source Tailwind components and templates for React you can copy.

Kokonut UI

Animated React components on Tailwind and Motion.

basecn

shadcn-style components rebuilt on Base UI so you copy the source and own it.

Ark UI

Headless components for React, Vue, Solid, and Svelte.

Libraries

Floating UI

Positioning engine for tooltips, menus, and popovers.

Novel

An open-source Notion-style editor built on TipTap.

Open Props

A CSS variable kit: colors, shadows, gradients, easing.

Pico CSS

Classless CSS that styles semantic HTML.

Swiper

The mobile slider the web actually uses.

PixiJS

Fast 2D WebGL renderer for games and motion sites.

Orca

An open-source agent IDE for running coding agents in parallel.

Motion

Animation library for React, JavaScript, and Vue.

Howler.js

Audio library for games and interfaces.

p5.js

Creative-coding library for canvas, WebGL, and sound.

Stipple GL

12KB WebGL2 particle field that morphs into any SVG, zero deps.

cmdk

Fast, accessible command-menu primitive.

Lenis

Smooth-scroll library used on a lot of award sites.

AutoAnimate

One-line drop-in animations for adding and removing DOM.

Three.js

The WebGL library behind most 3D on the web.

Sonner

Opinionated toast component for React.

Anime.js

Compact JavaScript animation engine.

Tailwind CSS

Utility-first CSS framework most of this directory sits on.

Theatre.js

Motion design studio you can wire into a web scene.

Libraries · Freemium

GSAP

High-performance animation platform for the web.

Leva

A GUI panel for tweaking React and R3F params.

Zag

Framework-agnostic UI state machines for components.

Rough.js

Canvas and SVG with a hand-drawn look.

Driver.js

Product tours, highlights, and spotlights with no dependencies.

three-fluid-fx

Drop-in real-time fluid solver for three.js with GLSL and WebGPU TSL pipelines.

Konva

2D canvas library with a scene graph and hit detection.

Vaul

Unstyled drawer component for React.

Chart.js

Simple canvas charts for the web.

React Three Fiber

React renderer for three.js.

Tone.js

Web Audio framework for synths, samples, and timing.

Babylon.js

Full web 3D engine with a playground.

Embla Carousel

Carousel library with no extra chrome.

Design tools

Pattern Monster

SVG pattern maker with live tweaks and copy-ready code for backgrounds.

Interfaces Skills

Agent skills for better UI, type, color, layout, and copy. 160k+ installs.

EditSvgCode

Free browser SVG code editor with Monaco, schema autocomplete, and live preview.

OpenPencil

Open-source Figma-compatible design editor that runs fully local.

DESIGN.md Supply

A supply of DESIGN.md systems for agent-built interfaces.

Toolcraft

Open-source starter for custom design apps: canvas, pickers, timelines, export.

Pryzm

Browser studio for grain, glass, and gradient backgrounds you export as live code.

Graphite

Free open-source node-based vector editor that runs in the browser.

UI.live

A free place to create and share UI with other designers.

Swiped

A weekly swipe file of the best design posts on X and LinkedIn.

Penpot

Open-source design and prototype tool.

GIMP

Free raster editor with layers, masks, and plugins for photo and UI work.

Recraft

AI image generation that stays on-brand: vectors, icons, consistency.

Seesaw

Hand-picked web design inspiration, updated daily.

DESIGNMD

Extract a DESIGN.md from any website.

Details Inspo

Weekly web design inspiration: heroes, footers, preloaders, transitions.

Photopea

Photoshop-class editor that runs in the tab.

Inspora

A curated archive of recent visual design, pulled from X.

Lunacy

Free cross-platform design app with built-in icons, photos, and offline mode.

Layoutit Grid

Visual CSS Grid builder.

Graphite

Open-source node-based vector editor that runs in the browser and exports SVG or PNG.

Pixlr

Browser photo editor with layers.

posts.design

Social posts the best companies actually ship.

TypeUI

Build, grow, and analyze sites with AI — design skills plus analytics.

Mesurer

Open-source browser inspector to measure, annotate, and feedback any live UI.

DynamicLake

Dynamic Island for Mac — notifications, timers, drop zone, more.

Framer

Design a site visually, publish it, still drop in real React.

Refero Styles

A library of DESIGN.md files taken from real product sites.

Playgrnd

32 tiny browser tools for making weird, beautiful things.

Dim0

Open-source infinite AI canvas for notes, mini-apps, and agents.

Doop

Open-source multiplayer canvas where humans and MCP agents design live HTML frames.

Curated

Live websites worth studying, one handpicked page at a time.

Krita

Open-source painting app built for illustration, concept art, and animation.

Canva

The free-to-start graphic editor everyone already knows.

DockDock

Free tool to preview how a Mac app icon will look in the macOS Dock.

DesignMD.me

DESIGN.md files you can drop into a coding agent.

Clippy

Visual clip-path maker for CSS.

Recent

The best design inspiration on the internet, kept current.

Figma

Collaborative design tool with a usable free plan.

Rescript

Edit video like you edit text. Transcript in, cuts out.

getdesign.md

Independent design-system analyses you drop in as DESIGN.md.

Inkscape

Open-source vector editor for SVG work on desktop, no subscription.

GetLayers

Cinematic templates, 3D scenes, and gradients you copy as one AI prompt.

Saaspo

The best SaaS landing, pricing, and product pages.

Blobmaker

Organic SVG blobs you can export.

Hero Patterns

Repeatable SVG background patterns.

Toolcraft

Open-source starter for custom design apps: canvas, pickers, timelines, export.

Spotted in Prod

Standout iOS apps and interactions, with the makers attached.

Squoosh

Image compression in the browser, from Google Chrome.

Cuttle

Parametric SVG design in the browser, for laser, print, and web.

Vectorpea

Illustrator-style vector editor in the browser.

Collect UI

Daily UI inspiration — screens, portfolios, patterns.

GodSVG

Free open-source structured SVG editor with real-time code sync and clean optimized output.

Efecto

Canvas design tool with auto-layout and MCP so coding agents can work on the artboard.

SVGOMG

Browser GUI for SVGO. Clean up exported SVG.

Mobbin

400,000+ searchable mobile and web screenshots.

Sokosumi DESIGN.md

Generate a DESIGN.md from any URL for Claude, Cursor, or Codex.

Neuform

Prompt to HTML landing pages, remix templates, and DESIGN.md.

Excalidraw

Hand-drawn whiteboard in the browser.

Make interfaces feel better

A single agent skill for the details that make UI feel finished.

Online SVG Editor

Free no-signup SVG drawing and editing tool that runs entirely locally in the browser.

Get Waves

SVG wave generator for section breaks.

tldraw

Infinite canvas SDK and a free drawing app.

Quant-UX

Open-source prototyping and usability-testing tool with heatmaps and A/B tests.

tweakcn

Visual theme editor for shadcn/ui tokens.

Aura

AI landing pages you can export to HTML and Figma.

OpenDesign

Open-source vibe design workspace. Your agent, your brand.

Graphite

Free open-source node-based 2D vector and procedural design editor that runs in the browser.

Asset libraries

Kenney

Game and UI asset packs, CC0.

Coverr

Free stock video for heroes and product pages.

Pixabay

Photos, video, illustrations, and music under a free license.

Doodle Ipsum

Hand-drawn illustrations as placeholders.

Lorem Picsum

Placeholder photos over a URL.

unDraw

Open-source illustrations you can recolor.

Open Doodles

CC0 sketch illustrations.

Open Peeps

Hand-drawn people you mix and match, free for commercial use.

Storyset

Customizable illustrations for product pages.

Humaaans

Mix-and-match people illustrations.

Book of Shapes

A gallery of generative SVG patterns you can customize and take.

Asset libraries · Freemium

Pexels

Free stock photos and video.

Blush

Mix-and-match illustrations from independent artists.

SVG Repo

Huge SVG icon and illustration library, filterable by license.

Unsplash

Photographs under the Unsplash License.

Mixkit

Stock video, music, and sound effects from Envato.

Texture.ninja

Tileable photo textures at up to 4K under CC0 for surfaces and 3D work.

Shaders

ShaderGradient

3D shader gradient maker with export.

Paper Shaders

Ready-made shader backgrounds you can drop into a site.

Shaders

Visual design platform for production-ready WebGPU effects and shader components.

LUMEN

Zero-dep WebGL2 studio for looping shader art with PNG, GIF, and WebM export.

OpenShaders

Open-source home for shippable web shaders with live editor and install path.

ShaderSpace

Free in-browser GLSL editor with live WebGL preview, textures, and PNG export.

vgpu.sh

Shareable WGSL modules with dependency resolution.

vshaders

Pick a shader, tweak it, let an agent copy the files — like shadcn for WGSL.

Radiant

MIT canvas and WebGL effects you drop in with zero dependencies.

ShaderSpace

Free browser-based GLSL shader editor and WebGL playground with live examples.

NEAT

Free WebGL 3D gradient backgrounds with presets and an npm export.

ShaderPad

Tiny ~6kb library that removes boilerplate for embedding fragment shaders on the web.

ShaderKit

Professional GLSL shader studio in the browser with free full editor and optional cloud renders.

Slang Playground

Compile and run Slang shaders in the browser, locally, with no server upload.

fffuel

SVG generators: noise, gradients, grain, and more.

ShaderKit

Browser GLSL studio with loop tools and export; editor free, cloud render paid.

ShaderSpace

Free in-browser GLSL editor with live WebGL preview, textures, and PNG export.

Unicorn Studio

No-code WebGL effects you embed on a site.

GoToTheme

MIT CSS and Tailwind background patterns and gradients you copy into a project.

Radiant

Production-ready open-source shaders and effects for the web — zero deps, MIT, drop-in HTML.

ShaderSpace

Browser GLSL editor with live WebGL preview, examples, and no signup.

Shadertoy

Live GLSL community. Watch, fork, learn.

FragCoord

Community shader gallery with live embeds, writeups, and a free public set.

Mesh Gradient

Interactive mesh-gradient maker.

GLSL Sandbox

Live fragment-shader playground and gallery.

ShaderKit

Browser GLSL studio with loop tools and export; editor free, cloud render paid.

The Book of Shaders

Shader primer with live examples, by Patricio Gonzalez Vivo.

LUMEN

In-browser WebGL2 shader studio with looping export and no signup.

Liquid Glass

Realistic liquid-glass refraction on any HTML element via WebGL.

ShaderLabs

Lightweight modular WebGL shader library for hero backgrounds, MIT, zero setup.

Shader Park

Sculpt live shaders with a JS-like language.

UI kits

Shadcnblocks

Production blocks for shadcn/ui.

HyperUI

Free Tailwind blocks: marketing, app, ecommerce.

Tailblocks

Ready-made Tailwind sections you can copy.

Meraki UI

Tailwind components with dark mode.

Bootstrap

The CSS framework that still ships a lot of the web.

shadcnspace

A large directory of shadcn blocks and examples.

Pxlkit

Retro pixel-art React UI kit, icons, and voxel toolkit — free and source-available.

Preline

Tailwind UI components with React and Vue examples.

Beste UI

A huge shadcn and Tailwind block catalog you install one piece at a time.

Align UI

A Figma-matched React kit you can take for free or buy the full system.

Tabler

Free dashboard UI kit built with Bootstrap.

Uiverse

Open-source UI elements submitted by the community.

Flowbite

Tailwind component library, Figma file included.

Fluent 2

Microsoft’s design system for web and Windows.

Mamba UI

Free Tailwind blocks for marketing and apps.

Tailark

Marketing blocks and pages for shadcn and Tailwind.

Skeleton

A UI kit for Svelte and Tailwind.

Carbon

IBM’s open design system for products.

Untitled UI

Figma and React UI kit with a free starter file.

Icons

Lordicon

Animated icons you can customize and export.

Isocons

Free isometric SVG icons with live stroke, fill, and angle controls.

Simple Icons

Brand SVG icons, one style, CC0.

Ionicons

Open icon family from the Ionic team, outline and filled, ready for web apps.

Phosphor

Flexible icon family with six weights.

Sargam Icons

MIT line, fill, and duotone icons with React packages and an Iconify collection.

Feather

Simple 24px stroke icons. The set Lucide forked.

AnimateIcons

Open-source animated SVG icons for React with path-level hover micro-interactions.

Logo Inspo

60,000+ app icons and squircle logos, filterable, free to hunt.

Mage Icons

Apache-2.0 24px UI icons for web and apps, SVG and webfont, commercial-ok.

Heroicons

MIT icons from the Tailwind team, outline and solid.

Supercons

Friendly open-source React icon set by Lachlan Campbell.

Pixelarticons

Crisp 24px pixel-art SVG icons. MIT free set plus a paid expansion.

Doodle Icons

152 hand-drawn icons that draw themselves in and keep boiling like cartoons.

Akar Icons

Rounded MIT line icons with a React package and copy-ready SVG.

theSVG

6,500+ free brand and cloud SVG icons with npm, CDN, CLI, and MCP support.

Tabler Icons

Thousands of MIT SVG icons with a clean stroke.

Boxicons

High-quality open icons as SVG, webfont, and React components.

IconPark

ByteDance’s icon factory: themeable SVGs by the thousand.

Iconbuddy

Search a hundred thousand icons from open-source sets in one place.

Mage Icons

Apache-2.0 24px UI icons for web and apps, SVG and webfont, commercial-ok.

Iconly

Thousands of real app, game, and web icons to reference.

Lucide

Open-source icon set, fork of Feather, many frameworks.

Atlas Icons

MIT open-source UI icons in SVG, webfont, React, Vue, and Flutter.

Eva Icons

480+ MIT outline and fill icons from the Akveo / Nebular team.

Boxicons

Thousands of web icons; a large regular set is free to download and use.

Iconoir

Open-source icons with a consistent 24px grid.

Sargam Icons

MIT line, fill, and duotone icons with React packages and an Iconify collection.

Hugeicons

Huge icon family with multiple styles.

Font Awesome

The icon set the web grew up on, still huge, still a free tier.

Developer Icons

Optimized SVG tech logos with light/dark variants; npm package or download.

Majesticons

760 MIT line and solid icons free; the full 11k-icon set is a one-time buy.

Reicon

Handcrafted open-source pixel-perfect icons, brand logos, and illustrations.

Rune Icons

Nine hundred icons in five styles, edited in the browser and copied as SVG or JSX.

MynaUI

Icons and UI extras that drop into shadcn projects.

Morphicons

Morph any stroke SVG icon into any other with spring physics and zero dependencies.

Mage Icons

Apache-2.0 stroke, fill, and brand icons with Figma paste and React packages.

Ionicons

Open-source premium-feel icons in outline, filled, and sharp styles.

Iconify

One API over most public icon sets.

Its Hover

Animated React icons built with Motion — designed to move with intent.

Animated Icons

Small animated SVG icons you embed without a build step.

Bootstrap Icons

The Bootstrap icon set, usable without Bootstrap.

Sargam Icons

Handcrafted MIT stroke icons for UI, with SVG, React, and Figma.

Game-icons.net

Thousands of CC-BY game and app icons.

css.gg

Open-source icons as CSS, SVG, and Figma.

Lineicons

A huge icon system with a free set and paid styles.

Material Symbols

Google’s variable icon set.

theSVG

6,500+ free brand SVG icons with color, mono, and wordmark variants.

Akar Icons

MIT rounded line icons with React components and adjustable stroke.

MingCute

A friendly, rounded open-source icon family.

useAnimations

Micro-animations library of free Lottie-based animated icons for apps and websites.

Mage Icons

Apache-2.0 stroke, fill, and brand icons on a 24px grid, SVG and React.

svgl

SVG logos for brands and tools, copy or download.

OpenSVG

321k+ free open-source SVG icons plus browser tools for customize and export.

Radix Icons

15px icon set from the Radix team.

Remix Icon

Open-source icon set, line and fill.

Atlas Icons

2,000+ open-source UI icons in SVG, React, Vue, Flutter and Figma.

IcoMoon

Build a custom icon font or SVG sprite from mixed sets.

Type

Fontshare

Quality free fonts from Indian Type Foundry.

Font Explorer

Compare local and Google Fonts side by side with custom sample text in the browser.

Velvetyne

Free/libre type foundry. Weird on purpose.

Collletttivo

Italian open-source type foundry with free downloadable families.

Uncut

Independent type library. Download and go.

Modern Font Stacks

System font stacks that look considered.

Fontsource

Self-host open-source fonts as npm packages.

Google Fonts

The open font library everyone already uses.

Free Faces

Curated gallery of free typefaces.

Datatype

Variable font that turns text expressions into inline bar, line, and pie charts.

FontForge

Libre desktop font editor for OpenType and TrueType, no subscription.

Glyphr Studio

Free in-browser font editor: draw glyphs, import SVG, export OTF/TTF/WOFF.

Recursive

Variable font that goes from sans to mono.

Fontpair

Google Font pairings that already work.

The League of Moveable Type

Original open-source type foundry.

Bunny Fonts

Privacy-friendly drop-in for Google Fonts.

Inter

Widely used open sans with tabular figures and a variable font for product UI.

Type · Freemium

FontCraft

Turn your handwriting into a real downloadable font right in the browser.

FontStruct

Build display typefaces from geometric bricks in the browser and download the font.

Open Foundry

Open-source type foundry and catalog.

Supafonts

Free and open font resources and generators for designers.

Fonttrio

Open-source font pairing registry for shadcn/ui — one CLI command to install heading, body, and mono.

Fontjoy

AI pairings of Google Fonts that don’t fight each other.

Motion

Premation

Free open-source motion editor with After Effects-style keyframes and graph editor.

Rive

Interactive motion with a state machine, runs everywhere.

Design Spells

Micro-interactions and easter eggs that feel like magic.

SVGator

Browser SVG animation editor.

Animista

CSS animation playground with copy-ready snippets.

LottieFiles

Lottie animation library, editor, and runtime.

Motion Primitives

Animated React primitives built on Motion.

Amicro

React micro-transitions and interaction components.

Haikei

Generative SVG blobs, waves, grids, and gradients.

React Spring

Spring-physics animation for React.

easings.net

Cheat sheet of easing functions.

Nemo

Open-source motion design and 2D animation app with keyframes and inbetweening.

Tegaki

Turn any font into stroke-by-stroke handwriting animation for React, Vue, and SVG.

AtomCut

Free browser and desktop motion studio with infinite canvas and pro timeline.

animos

Animate screenshots in the browser. Templates in, MP4 out. 720p free.

Kinetics

Spring-physics motion library with copy-ready CSS, React, and AI prompts.

60fps

UI/UX animation and interaction details from the best apps.

TiXL

Free open-source realtime motion-graphics and VJ tool, formerly Tooll 4.

Animate.css

Drop-in CSS animation classes.

Transitions.dev

UI transitions for AI agents, ready to paste into Claude or Codex.

cubic-bezier.com

Playground for CSS cubic-bezier timing.

Color

OKLCH

Perceptual color picker for OKLCH and CSS.

UI Gradients

Curated CSS gradients.

RYBitten

Lightweight RYB color space library and tools for painterly palette work.

Who Can Use

Contrast checker with real vision conditions.

WebAIM Contrast Checker

Paste two colors and see WCAG contrast ratios for text and UI chrome.

ColorSpace

Type one hex and get scales, gradients, and CSS-ready palette variants.

Adobe Color

Color wheel, accessibility, and theme extraction.

Color Hunt

Curated four-color palettes, voted by people.

Colormind

Deep-learning palettes trained on photos and art, with a live UI preview.

Happy Hues

Palettes shown in a finished UI, so you can judge them.

Color · Freemium

InstantGradient

Mesh gradient generator that exports animated WebGL, 4K images, video, and code.

ColorBox

Lyft’s tool for generating color systems.

Lospec Palettes

Curated palettes for pixel and constrained color.

Realtime Colors

Palettes previewed on a live UI, not a swatch grid.

Radix Colors

Color scales designed for UIs, including dark mode.

Huetone

OKLCH palette builder with contrast built in.

Khroma

An AI that learns the colors you like and generates palettes.

Tints.dev

Tailwind-style palettes from one hex.

Picular

Google, but for colors.

Color · Freemium

Coolors

The palette generator people actually use.

Paletton

Classic color-wheel tool for building and previewing harmony-based palettes.

Huemint

Machine-learning palettes for brand, web, and packaging.

3D

Vectary

Browser 3D design and web embeds.

Poly Haven

CC0 HDRIs, textures, and models for real scenes.

Sketchfab

Hosted 3D models, many downloadable.

CC0Tree

Public-domain low-poly 3D game assets. CC0, no attribution.

Blender

The free 3D suite: model, sculpt, animate, render, composite.

ThreeUI

Open-source catalog of procedural Three.js heroes, shaders, and 3D UI.

3D Icons

Open 3D icon set in several angles.

OpenHDRI

CC0 environment maps for lighting 3D scenes, free for commercial use.

AmbientCG

CC0 PBR materials and textures.

3DCGHUB

Growing free library of Unreal, Unity, and Blender assets, shaders, and tools.

Womp

Approachable 3D modeling in the browser.

Spline

3D design in the browser, export to the web.

Poly Pizza

Low-poly 3D models, CC0, easy to search.

Quaternius

Free 3D game packs. Characters, vehicles, kits.

Cobe

A tiny WebGL globe for the web.

Model Viewer

Google’s <model-viewer> for glTF on the web.

Drei

Useful helpers for React Three Fiber: staging, controls, text, shaders.

A-Frame

HTML for VR and 3D scenes, on top of three.js.

Sound

Chrome Music Lab

Playful web experiments for making sound.

jsfxr

8-bit sound effect generator in the browser.

Pixabay Music

Royalty-free music and effects under the Pixabay License.

Leshy SFMaker

Classic 8-bit sound-effect maker.

ChipTone

Browser chip-sound designer.

Infinite

Free modular audiovisual workstation: nodes for sound, video, and procedural 3D.

Bfxr

Browser 8-bit SFX maker: randomize a jump, laser, or pickup and export WAV.

Incompetech

Peter Moore’s royalty-free music catalog.

BBC Sound Effects

BBC archive of effects, free for research, personal, and educational use.

Uppbeat

Free music and SFX for creators, with a license.

UI SFX

Interface sound effects made for product UI.

BeepBox

Browser chiptune sketchpad. Share a song as a URL.

Zapsplat

Large SFX library with a free account tier.

Freesound

Collaborative sound library from the Music Technology Group.