Details

Находите вдохновение для дизайна сайтов и готовые к повторному использованию ресурсы для фронтенда с помощью Details MCP. Требуется платный тариф Details.

Размещённый MCP-сервер

npx add-mcp 'https://api.details.so/mcp'

Устанавливается в Claude Code, Codex, Cursor и другие

Документация

The details behind the world's best websites.

New

Save d

Open inspiration

New 3D AGOSAFDS

Cursor Interaction, FAQ

Save d

Open SAFDS

New 3D AGOOuiDo! Media Group

Footer

Save d

Open OuiDo! Media Group

New 3D AGOVONDER

Carousel, Features

Save d

Open VONDER

New 3D AGOAntimetal

Features

Save d

Open Antimetal

New 3D AGOSAFDS

Contact

Save d

Open SAFDS

New 3D AGOOuiDo! Media Group

Carousel, Cursor Interaction

Save d

Open OuiDo! Media Group

New 3D AGOVONDER

Features, Horizontal Scroll

Save d

Open VONDER

New 3D AGOAntimetal

Stats, Testimonial Social Proof

Save d

Open Antimetal

New 3D AGO

OuiDo! Media Group

Cursor Interaction, Features

New 3D AGO

OuiDo! Media Group

Carousel, Cursor Interaction

New 3D AGO

SAFDS

Cursor Interaction, List, Portfolio

New 3D AGO

SAFDS

Card Hover, Products

You've seen less than 1%

One great detail can change a project. Find yours across 3,500+ examples, updated weekly.

Details is focused on the parts that make great websites great: hero sections, footers, page transitions, preloaders and the micro-interactions in between. Every example is captured from a live production site, tagged by hand, and added weekly.

Most galleries collect full-page screenshots, which means finding one great footer or preloader requires digging through entire sites. Here, every capture is filed by the exact detail it shows, so the right reference is a filter away.

Everything is handpicked from production websites. There are no concept shots that never shipped.

The more exceptional interfaces you study, the easier it becomes to recognize the spacing, hierarchy, motion and interaction choices that make a website feel considered.

Over time, those decisions become instinct, so you can move from a blank page to a strong direction faster.

Full-site galleries are useful when you need broad direction. But finding one strong navigation, footer or transition means opening and scanning site after site.

Details organizes the exact parts, so you can compare relevant approaches in minutes instead of searching for hours.

Yes, as references, not templates. Study what makes an idea work, combine it with other references, and adapt it to the project's own content and brand.

Great work is not copied from one source. It is assembled from many good decisions.

Probably. One useful layout or interaction can save hours of searching and help turn an average project into one that feels considered.

Pro gives you the full library and everything added each week.