Details.so

Best Web Design Inspiration

About Details.so

Details.so helps web designers and developers find examples of specific interface elements from real websites, rather than browsing full-page designs. Its curated library covers details such as hero sections, footers, buttons, animations and transitions, with new references added weekly.

Key Features

Search, filters and a code library take references from discovery toward implementation:

Smart Search

Find relevant references using a description of what you need, then narrow results with category filters.

Curated examples

Browse individual elements from real websites, organized by types such as navigation, footers and page transitions.

Vault code

Get copy-ready code for selected interactions and sections, with implementation documentation and AI-ready prompts.

AI connections

Connect the library to tools such as Claude Code, Cursor, Codex and v0 through MCP; paid plans include monthly usage credits.

Worth Knowing

Check the access limits and purchase terms before choosing a plan:

Pro includes 300 MCP credits per month; Max includes 1,000. ^[1]
Free Starter access covers recent inspiration, category and Vault previews, and selected free resources—not the full libraries. ^[1]
Paid purchases are non-refundable because Vault code and AI prompts are delivered immediately. ^[1]