Bookmarks

shadcn/ui

Copy-paste React components built on Radix + Tailwind. The gold standard.

Base UI

Unstyled, accessible primitives from the Radix and MUI teams.

Radix UI

Low-level accessible components that power half the ecosystem.

Headless UI

Unstyled components from the Tailwind team for React and Vue.

React Aria

Adobe's hooks for building accessible components from scratch.

Ark UI

Headless components powered by state machines, framework-agnostic.

Park UI

Beautiful styled components built on Ark UI and Panda CSS.

Mantine

Full-featured React library with 120+ components and hooks.

Chakra UI

Simple, modular and accessible component library for React.

Material UI

The most popular React UI framework, Material Design out of the box.

HeroUI

Beautiful, fast and modern React UI (formerly NextUI).

daisyUI

Tailwind CSS component classes with semantic names and themes.

Flowbite

Open-source Tailwind components and blocks for many frameworks.

Ant Design

An enterprise-class React UI design language and components.

Tremor

React components to build charts and dashboards fast.

Tailwind Plus

The official premium component and template library for Tailwind.

HyperUI

Free open-source Tailwind components and templates.

Preline UI

Tailwind component library with hundreds of examples.

Origin UI

Beautiful Tailwind + React components to copy and paste.

Kokonut UI

Animated shadcn-style components for modern apps.

Mobbin

Massive library of real product UI flows and screens.

Godly

Astronomically good web design inspiration, tightly curated.

Land-book

A giant, filterable gallery of landing pages.

Awwwards

The awards site for the boldest, most experimental web work.

SiteInspire

Clean, well-tagged showcase of quality web design.

Httpster

Fresh inspiration for current, no-nonsense web design.

Lapa Ninja

Landing page inspiration plus free design books and resources.

Refero

Searchable design references from real apps and websites.

Screenlane

Weekly hand-picked mobile and web UI inspiration.

Minimal Gallery

A showcase for beautifully minimal website design.

Curated.design

A curated directory of design resources and inspiration.

Dribbble

The huge community feed of design shots and concepts.

Behance

Adobe's portfolio network for full design case studies.

One Page Love

The best of single-page website design.

Page Flows

Real product user flows captured as video.

Design Vault

Categorized UI screenshots from top products.

Motion

The animation library for React (Framer Motion) and the web.

GSAP

The industry-standard JavaScript animation toolkit, now free.

Aceternity UI

Flashy, motion-heavy React + Tailwind components to copy.

Magic UI

150+ animated components for design-engineers.

React Bits

Animated React components and creative UI snippets.

Motion Primitives

Reusable motion components built on Motion and Tailwind.

Cult UI

Shadcn-style components with extra motion and polish.

Rive

Design and ship interactive, state-driven animations.

LottieFiles

Lightweight, scalable JSON animations for any platform.

Spline

Design 3D and interactive scenes for the web.

Theatre.js

Animation tooling for JavaScript with a visual editor.

Lucide

The clean, consistent icon set this site uses.

Heroicons

Hand-crafted SVG icons from the Tailwind team.

Phosphor Icons

A flexible icon family with six weights.

Tabler Icons

Over 5,000 free MIT-licensed SVG icons.

Iconify

One framework, 200,000+ icons from every popular set.

SVGL

A big library of brand and product logos as SVG.

unDraw

Open-source illustrations you can recolor to your brand.

Reshot

Free icons and illustrations with no attribution required.

Iconoir

A huge, fully open-source and free icon library.

Remix Icon

A neutral-style system icon set, carefully crafted.

Simple Icons

SVG icons for popular brands, free to use.

Font Awesome

The web's original and largest icon toolkit.

Icons8

Icons, illustrations and photos in one consistent place.

Lordicon

A large library of beautifully animated icons.

Streamline

One of the largest icon and illustration libraries.

Typewolf

Typography inspiration and real-world font pairings.

Fontshare

Quality fonts, free for personal and commercial use.

Google Fonts

The open font library everyone starts with.

Fontsource

Self-host open-source fonts via npm, no CDN needed.

Coolors

The fast palette generator I use to explore color.

Realtime Colors

Preview a palette on a real UI before committing.

Happy Hues

Curated palettes shown in context, with usage roles.

UI Colors

Generate Tailwind CSS color shades from any hex.

OKLCH Picker

Pick perceptually-uniform colors in the OKLCH space.

Type Scale

Build a modular type scale and copy the CSS.

Fontpair

Beautiful Google Font pairings, ready to use.

Adobe Color

Build palettes and extract color themes from images.

Color Hunt

A curated, endless feed of color palettes.

Tailwind CSS

The utility-first CSS framework docs I check constantly.

Can I Use

Browser support tables for every web platform feature.

Josh W. Comeau

Some of the best interactive CSS and React writing online.

CSS-Tricks

The long-running archive of CSS techniques and guides.

cubic-bezier

Craft and preview custom easing curves visually.

Easings.net

A cheat sheet of easing functions with previews.

Shadows Brumm

Generate smooth, layered, realistic box-shadows.

Fancy Border Radius

Visual generator for organic border-radius shapes.

Haikei

Generate SVG blobs, waves and backgrounds.

Get Waves

Make custom SVG wave dividers in seconds.

Open Props

Supercharged CSS custom properties for design tokens.

Animate.css

A library of ready-to-use CSS animation classes.

The Pragmatic Engineer

Deep writing on engineering teams, systems and the industry.

Martin Fowler

Evergreen writing on patterns, refactoring and architecture.

System Design Primer

The classic open resource for distributed systems.

patterns.dev

Modern web app design, rendering and performance patterns.

Refactoring Guru

Design patterns and refactoring explained clearly.

web.dev

Google's guidance on modern, fast, resilient web apps.

MDN Web Docs

The definitive reference for the web platform.

Kent C. Dodds

Practical React, testing and JavaScript articles.

ByteByteGo

System design explained with clear visuals.

Julia Evans

Approachable deep-dives and zines on how systems work.

overreacted

Dan Abramov on React and JavaScript internals.

Bundlephobia

Check the true cost of an npm package before adding it.

Excalidraw

Hand-drawn-style whiteboarding for flows and architecture.

tldraw

An infinite canvas and a slick diagramming SDK.

JSON Crack

Visualize JSON, YAML and more as interactive graphs.

RegExr

Build, test and understand regular expressions live.

Transform

Convert between JSON, TS, GraphQL and dozens of formats.

ray.so

Turn code snippets into beautiful shareable images.

Carbon

The original create-and-share images of source code.

Squoosh

Compress and convert images right in the browser.

DevDocs

Fast, unified, searchable API documentation browser.

StackBlitz

Instant full-stack IDE running in the browser.

CodePen

The front-end playground and community for quick demos.

Hero Patterns

Repeatable SVG background patterns, tweakable in-browser.

CSS Gradient

A simple, powerful tool for building CSS gradients.

Mesh Gradient

Generate lush, animated mesh gradients.

Blobmaker

Make organic SVG blob shapes for backgrounds.

Shape Divider

Custom SVG section dividers, copy-paste ready.

Glassmorphism

Generate frosted-glass CSS with live preview.

Neumorphism.io

Soft-UI shadow generator for the neumorphic look.

Animista

Play with a big catalog of ready CSS animations.

roadmap.sh

Community roadmaps for every developer path.

JavaScript.info

The modern JavaScript tutorial, from basics to advanced.

Total TypeScript

Matt Pocock's deep, practical TypeScript material.

web.dev Learn

Google's structured courses on CSS, HTML and more.

The Odin Project

A full, free, open-source web dev curriculum.

freeCodeCamp

Free coding certifications and thousands of tutorials.

Frontend Masters

In-depth video courses from top engineers.

v0

Generate and iterate on UI from a prompt, by Vercel.

Claude

Anthropic's assistant — my go-to for coding and writing.

ChatGPT

The all-purpose assistant for quick answers and drafts.

Perplexity

An AI answer engine that cites its sources.

Midjourney

Best-in-class AI image generation for concepts.

Ideogram

AI image generation that actually renders text well.

Krea

Real-time AI image and video generation.

Recraft

AI built for vectors, icons and brand-consistent art.

Unsplash

The go-to source for high-quality free photos.

Pexels

Free stock photos and videos, generously licensed.

Pixabay

Free images, vectors, video and music.

Lummi

AI-curated, genuinely useful free stock imagery.

Blush

Customizable illustrations you can mix and recolor.

DrawKit

Hand-crafted illustrations, icons and mockups.

Open Peeps

A hand-drawn illustration library of people.

Pattern Monster

A big collection of customizable SVG patterns.

Humaaans

Mix-and-match illustrations of people.

Vercel

The platform I deploy nearly every project to.

Netlify

Fast static and serverless hosting with great DX.

Railway

Deploy databases and services with almost no config.

Render

Unified hosting for web services, cron and databases.

Fly.io

Run full apps close to your users, globally.

Neon

Serverless Postgres with branching.

Turso

Edge-hosted SQLite for low-latency reads.

Clerk

Drop-in authentication and user management.

Resend

A clean email API built for developers.

Brittany Chiang

A widely-copied, beautifully restrained dev portfolio.

Lee Robinson

Clean personal site and writing from a Next.js lead.

Rauno Freiberg

Interface craft and interaction details, done right.

Paco Coursey

Minimal design engineering and open-source UI.

Emil Kowalski

Thoughtful writing on animation and interface design.

Delba

Interactive articles on React and web development.

Adam Argyle

Modern CSS experiments from a Chrome CSS advocate.

Cassidy Williams

Dev newsletter, blog and endlessly useful snippets.