21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
Detail
Where craft lives — a curated reference of small design decisions that shape better interfaces.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Detail?
Detail is a curated gallery of the tiny design details that make interfaces feel considered — micro-interactions, transitions, states and polish, for designers and engineers who care about the details.
Pros
- Focused on real, shipped interface details
- Curated rather than overwhelming
- Useful for both designers and engineers
Cons
- Inspiration only — no code to copy
- Small, growing collection
Who should use Detail
Designers and front-end engineers who want to study the small decisions that make great interfaces.
Who may not need it
Teams looking for ready-made component code rather than design references.
Detail alternatives
Similar resources to Detail, picked from the directory.
Godly
A curated gallery of the best web, app and visual design on the internet.
WebsiteLearningWebFree
4.6Visit
Deck.gallery
Beautifully designed presentation decks, curated for design quality.
WebsiteLearningWebFree
4.6Visit
Shortcuts.design
Every keyboard shortcut for designers, centralised and searchable.
WebsitePersonal ProductivityWebFree
4.7Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteWorkflowsWebFree
4.5Visit
Free alternatives to Detail
Free resources that cover similar ground.
uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteWorkflowsWebFree
4.5Visit
The Art of Command Line
Master the command line, in one page.
CourseLearningWeb, macOSFree
4.9Visit
navi
An interactive cheatsheet tool for the command-line.
Desktop AppPersonal ProductivitymacOS, WindowsFree
4.8Visit
CSS Toggle Library
36 pure-CSS toggles, switches and checkboxes, free to copy.
WebsiteWorkflowsWebFree
4.7Visit
How Senior Engineers Actually Build With AI in 2026
The working habits behind AI-assisted engineering that ships.
YouTube VideoAI ProductivityWeb, Cross-PlatformFree
4.7Visit
Pafolios
Curated gallery of 800+ design portfolios and case studies from around the world.
WebsitePersonal ProductivityWebFree
4.7Visit
Featured on Best Productivity Resources
Made Detail? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/detail" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>