The Best Design,
Ready for 
Claude Code
488 interactions, components, sites and resources for sites, apps and internal tools. Copy the prompt and your agent rebuilds it in your project.
Retro Pixel Look Toolkit
A quick screen-recorded tour of browser and app tools for pixel art, dithering, halftone and palettes: handy when you want a retro pixel look in a design or an interface.
UI Playbook
A documented collection of UI components: what each one is for, its anatomy and the mistakes to avoid.
Design Engineer Tools
A list of useful tools for web-focused design engineers, from color and type to motion and code.
Laws of UX
The best-known UX laws (Fitts, Hick, Jakob and more) each on one illustrated page, to back a design choice with a principle.
Design Principles
A collection of design principles from real teams, used as decision-making frameworks, with examples of how to write your own.
A collection of design engineers
Maggie Appleton's list of people working between design and code, a good map of who to follow and learn from.
ui.land
A digital library for designers and engineers: tools, references and resources sorted by what you need to do.
Transitions.dev
The essential transitions for web apps (modals, menus, tabs, toasts) ready to copy and paste into any project.
Design Systems Surf
A collection of the best design systems with their components and foundations side by side, to compare how teams solve the same piece.
Design Spells
A gallery of micro-interactions, easter eggs and small extra details that give products personality, each with a short clip.
Design Books
A curated reading list for product, interaction and visual designers, from usability to systems to typography.
abtest.design
A curated collection of real A/B test results from top apps: see which variant won before you argue about a button.
Shoogle, search shadcn registries
One search box across all the shadcn registries: find a block, component or template without hopping between a dozen sites.
Craft, design engineering concepts
Small interactive studies of interface details, each one isolated and playable: useful to see how a single interaction should feel.
mkdir, directories of directories
A ranked list of web design inspiration directories, free and without accounts: the place to find the gallery that fits what you are looking for.
Designeer
A hand-picked collection of interface craft, component libraries and AI tools, with every find credited to its maker: a good daily scroll for ideas.
Website details gallery, searchable by section
Small details from great websites (heroes, footers, navigation, page and scroll transitions), filterable by section and updated weekly: handy when you need one specific piece, not a whole page.
Departure Mono
A free pixel-inspired monospaced font with a retro sci-fi feel, great for terminal UIs, labels and technical dashboards.
The Component Gallery
A catalogue of 60 interface components with thousands of real examples from 95 design systems: check how others name and build a tab, toast or accordion before you design yours.
Fontshare
Free quality fonts for commercial use from the Indian Type Foundry, with live previews and easy web embeds.
Mobbin
A huge library of real app and web screens and flows, searchable by pattern: see how the best products solve the same screen.
Godly
A gallery of the most striking websites on the web, with video previews: the place to find a direction for a landing page.
21st.dev
A community registry of React components, blocks and themes you can install with one command or hand to your agent.
Aceternity UI
Flashy React components and blocks for landing pages: 3D cards, spotlight effects, animated backgrounds.
Retro Pixel Look Toolkit
A quick screen-recorded tour of browser and app tools for pixel art, dithering, halftone and palettes: handy when you want a retro pixel look in a design or an interface.
Design Engineer Tools
A list of useful tools for web-focused design engineers, from color and type to motion and code.
Design Principles
A collection of design principles from real teams, used as decision-making frameworks, with examples of how to write your own.
ui.land
A digital library for designers and engineers: tools, references and resources sorted by what you need to do.
Design Systems Surf
A collection of the best design systems with their components and foundations side by side, to compare how teams solve the same piece.
Design Books
A curated reading list for product, interaction and visual designers, from usability to systems to typography.
Shoogle, search shadcn registries
One search box across all the shadcn registries: find a block, component or template without hopping between a dozen sites.
mkdir, directories of directories
A ranked list of web design inspiration directories, free and without accounts: the place to find the gallery that fits what you are looking for.
Website details gallery, searchable by section
Small details from great websites (heroes, footers, navigation, page and scroll transitions), filterable by section and updated weekly: handy when you need one specific piece, not a whole page.
The Component Gallery
A catalogue of 60 interface components with thousands of real examples from 95 design systems: check how others name and build a tab, toast or accordion before you design yours.
Mobbin
A huge library of real app and web screens and flows, searchable by pattern: see how the best products solve the same screen.
21st.dev
A community registry of React components, blocks and themes you can install with one command or hand to your agent.
UI Playbook
A documented collection of UI components: what each one is for, its anatomy and the mistakes to avoid.
Laws of UX
The best-known UX laws (Fitts, Hick, Jakob and more) each on one illustrated page, to back a design choice with a principle.
A collection of design engineers
Maggie Appleton's list of people working between design and code, a good map of who to follow and learn from.
Transitions.dev
The essential transitions for web apps (modals, menus, tabs, toasts) ready to copy and paste into any project.
Design Spells
A gallery of micro-interactions, easter eggs and small extra details that give products personality, each with a short clip.
abtest.design
A curated collection of real A/B test results from top apps: see which variant won before you argue about a button.
Craft, design engineering concepts
Small interactive studies of interface details, each one isolated and playable: useful to see how a single interaction should feel.
Designeer
A hand-picked collection of interface craft, component libraries and AI tools, with every find credited to its maker: a good daily scroll for ideas.
Departure Mono
A free pixel-inspired monospaced font with a retro sci-fi feel, great for terminal UIs, labels and technical dashboards.
Fontshare
Free quality fonts for commercial use from the Indian Type Foundry, with live previews and easy web embeds.
Godly
A gallery of the most striking websites on the web, with video previews: the place to find a direction for a landing page.
Aceternity UI
Flashy React components and blocks for landing pages: 3D cards, spotlight effects, animated backgrounds.
Retro Pixel Look Toolkit
A quick screen-recorded tour of browser and app tools for pixel art, dithering, halftone and palettes: handy when you want a retro pixel look in a design or an interface.
Laws of UX
The best-known UX laws (Fitts, Hick, Jakob and more) each on one illustrated page, to back a design choice with a principle.
ui.land
A digital library for designers and engineers: tools, references and resources sorted by what you need to do.
Design Spells
A gallery of micro-interactions, easter eggs and small extra details that give products personality, each with a short clip.
Shoogle, search shadcn registries
One search box across all the shadcn registries: find a block, component or template without hopping between a dozen sites.
Designeer
A hand-picked collection of interface craft, component libraries and AI tools, with every find credited to its maker: a good daily scroll for ideas.
The Component Gallery
A catalogue of 60 interface components with thousands of real examples from 95 design systems: check how others name and build a tab, toast or accordion before you design yours.
Godly
A gallery of the most striking websites on the web, with video previews: the place to find a direction for a landing page.
UI Playbook
A documented collection of UI components: what each one is for, its anatomy and the mistakes to avoid.
Design Principles
A collection of design principles from real teams, used as decision-making frameworks, with examples of how to write your own.
Transitions.dev
The essential transitions for web apps (modals, menus, tabs, toasts) ready to copy and paste into any project.
Design Books
A curated reading list for product, interaction and visual designers, from usability to systems to typography.
Craft, design engineering concepts
Small interactive studies of interface details, each one isolated and playable: useful to see how a single interaction should feel.
Website details gallery, searchable by section
Small details from great websites (heroes, footers, navigation, page and scroll transitions), filterable by section and updated weekly: handy when you need one specific piece, not a whole page.
Fontshare
Free quality fonts for commercial use from the Indian Type Foundry, with live previews and easy web embeds.
21st.dev
A community registry of React components, blocks and themes you can install with one command or hand to your agent.
Design Engineer Tools
A list of useful tools for web-focused design engineers, from color and type to motion and code.
A collection of design engineers
Maggie Appleton's list of people working between design and code, a good map of who to follow and learn from.
Design Systems Surf
A collection of the best design systems with their components and foundations side by side, to compare how teams solve the same piece.
abtest.design
A curated collection of real A/B test results from top apps: see which variant won before you argue about a button.
mkdir, directories of directories
A ranked list of web design inspiration directories, free and without accounts: the place to find the gallery that fits what you are looking for.
Departure Mono
A free pixel-inspired monospaced font with a retro sci-fi feel, great for terminal UIs, labels and technical dashboards.
Mobbin
A huge library of real app and web screens and flows, searchable by pattern: see how the best products solve the same screen.
Aceternity UI
Flashy React components and blocks for landing pages: 3D cards, spotlight effects, animated backgrounds.