A living shelf of the tools, component libraries, galleries and references I keep coming back to — for design taste, frontend craft, and better engineering judgment.
Copy-paste React components built on Radix + Tailwind. The gold standard.
Unstyled, accessible primitives from the Radix and MUI teams.
Low-level accessible components that power half the ecosystem.
Unstyled components from the Tailwind team for React and Vue.
Adobe's hooks for building accessible components from scratch.
Headless components powered by state machines, framework-agnostic.
Beautiful styled components built on Ark UI and Panda CSS.
Full-featured React library with 120+ components and hooks.
Simple, modular and accessible component library for React.
The most popular React UI framework, Material Design out of the box.
Beautiful, fast and modern React UI (formerly NextUI).
Tailwind CSS component classes with semantic names and themes.
Open-source Tailwind components and blocks for many frameworks.
An enterprise-class React UI design language and components.
React components to build charts and dashboards fast.
The official premium component and template library for Tailwind.
Free open-source Tailwind components and templates.
Tailwind component library with hundreds of examples.
Beautiful Tailwind + React components to copy and paste.
Animated shadcn-style components for modern apps.
Massive library of real product UI flows and screens.
Astronomically good web design inspiration, tightly curated.
A giant, filterable gallery of landing pages.
The awards site for the boldest, most experimental web work.
Clean, well-tagged showcase of quality web design.
Fresh inspiration for current, no-nonsense web design.
Landing page inspiration plus free design books and resources.
Searchable design references from real apps and websites.
Weekly hand-picked mobile and web UI inspiration.
A showcase for beautifully minimal website design.
A curated directory of design resources and inspiration.
The huge community feed of design shots and concepts.
Adobe's portfolio network for full design case studies.
The best of single-page website design.
Real product user flows captured as video.
Categorized UI screenshots from top products.
The animation library for React (Framer Motion) and the web.
The industry-standard JavaScript animation toolkit, now free.
Flashy, motion-heavy React + Tailwind components to copy.
150+ animated components for design-engineers.
Animated React components and creative UI snippets.
Reusable motion components built on Motion and Tailwind.
Shadcn-style components with extra motion and polish.
Design and ship interactive, state-driven animations.
Lightweight, scalable JSON animations for any platform.
Design 3D and interactive scenes for the web.
Animation tooling for JavaScript with a visual editor.
The clean, consistent icon set this site uses.
Hand-crafted SVG icons from the Tailwind team.
A flexible icon family with six weights.
Over 5,000 free MIT-licensed SVG icons.
One framework, 200,000+ icons from every popular set.
A big library of brand and product logos as SVG.
Open-source illustrations you can recolor to your brand.
Free icons and illustrations with no attribution required.
A huge, fully open-source and free icon library.
A neutral-style system icon set, carefully crafted.
SVG icons for popular brands, free to use.
The web's original and largest icon toolkit.
Icons, illustrations and photos in one consistent place.
A large library of beautifully animated icons.
One of the largest icon and illustration libraries.
Typography inspiration and real-world font pairings.
Quality fonts, free for personal and commercial use.
The open font library everyone starts with.
Self-host open-source fonts via npm, no CDN needed.
The fast palette generator I use to explore color.
Preview a palette on a real UI before committing.
Curated palettes shown in context, with usage roles.
Generate Tailwind CSS color shades from any hex.
Pick perceptually-uniform colors in the OKLCH space.
Build a modular type scale and copy the CSS.
Beautiful Google Font pairings, ready to use.
Build palettes and extract color themes from images.
A curated, endless feed of color palettes.
The utility-first CSS framework docs I check constantly.
Browser support tables for every web platform feature.
Some of the best interactive CSS and React writing online.
The long-running archive of CSS techniques and guides.
Craft and preview custom easing curves visually.
A cheat sheet of easing functions with previews.
Generate smooth, layered, realistic box-shadows.
Visual generator for organic border-radius shapes.
Generate SVG blobs, waves and backgrounds.
Make custom SVG wave dividers in seconds.
Supercharged CSS custom properties for design tokens.
A library of ready-to-use CSS animation classes.
Deep writing on engineering teams, systems and the industry.
Evergreen writing on patterns, refactoring and architecture.
The classic open resource for distributed systems.
Modern web app design, rendering and performance patterns.
Design patterns and refactoring explained clearly.
Google's guidance on modern, fast, resilient web apps.
The definitive reference for the web platform.
Practical React, testing and JavaScript articles.
System design explained with clear visuals.
Approachable deep-dives and zines on how systems work.
Dan Abramov on React and JavaScript internals.
Check the true cost of an npm package before adding it.
Hand-drawn-style whiteboarding for flows and architecture.
An infinite canvas and a slick diagramming SDK.
Visualize JSON, YAML and more as interactive graphs.
Build, test and understand regular expressions live.
Convert between JSON, TS, GraphQL and dozens of formats.
Turn code snippets into beautiful shareable images.
The original create-and-share images of source code.
Compress and convert images right in the browser.
Fast, unified, searchable API documentation browser.
Instant full-stack IDE running in the browser.
The front-end playground and community for quick demos.
Repeatable SVG background patterns, tweakable in-browser.
A simple, powerful tool for building CSS gradients.
Generate lush, animated mesh gradients.
Make organic SVG blob shapes for backgrounds.
Custom SVG section dividers, copy-paste ready.
Generate frosted-glass CSS with live preview.
Soft-UI shadow generator for the neumorphic look.
Play with a big catalog of ready CSS animations.
Community roadmaps for every developer path.
The modern JavaScript tutorial, from basics to advanced.
Matt Pocock's deep, practical TypeScript material.
Google's structured courses on CSS, HTML and more.
A full, free, open-source web dev curriculum.
Free coding certifications and thousands of tutorials.
In-depth video courses from top engineers.
Generate and iterate on UI from a prompt, by Vercel.
Anthropic's assistant — my go-to for coding and writing.
The all-purpose assistant for quick answers and drafts.
An AI answer engine that cites its sources.
Best-in-class AI image generation for concepts.
AI image generation that actually renders text well.
Real-time AI image and video generation.
AI built for vectors, icons and brand-consistent art.
The go-to source for high-quality free photos.
Free stock photos and videos, generously licensed.
Free images, vectors, video and music.
AI-curated, genuinely useful free stock imagery.
Customizable illustrations you can mix and recolor.
Hand-crafted illustrations, icons and mockups.
A hand-drawn illustration library of people.
A big collection of customizable SVG patterns.
Mix-and-match illustrations of people.
The platform I deploy nearly every project to.
Fast static and serverless hosting with great DX.
Deploy databases and services with almost no config.
Unified hosting for web services, cron and databases.
Run full apps close to your users, globally.
Serverless Postgres with branching.
Edge-hosted SQLite for low-latency reads.
Drop-in authentication and user management.
A clean email API built for developers.
A widely-copied, beautifully restrained dev portfolio.
Clean personal site and writing from a Next.js lead.
Interface craft and interaction details, done right.
Minimal design engineering and open-source UI.
Thoughtful writing on animation and interface design.
Interactive articles on React and web development.
Modern CSS experiments from a Chrome CSS advocate.
Dev newsletter, blog and endlessly useful snippets.