# Details Inspo

Details page: https://www.details.so/inspo

Curated web design inspiration from real websites: hero sections, footers, preloaders, page transitions and animations — updated weekly.

Inspo is a hand-curated library of 3155 website details captured from live production websites: hero sections, footers, navigation, preloaders, page transitions, scroll animations and the micro-interactions between them. Every piece is tagged by hand with the taxonomy below. Each category page lists its inspirations; each inspiration has a markdown summary at `/inspo/<slug>.md`.

## Categories

### Elements
- [3D](https://www.details.so/inspo/category/3d.md) (71)
- [Accordion](https://www.details.so/inspo/category/accordion.md) (52)
- [Button](https://www.details.so/inspo/category/button.md) (168)
- [Card](https://www.details.so/inspo/category/card.md) (65)
- [Carousel](https://www.details.so/inspo/category/carousel.md) (124)
- [List](https://www.details.so/inspo/category/list.md) (111)
- [Modal](https://www.details.so/inspo/category/modal.md) (66)
- [Rows](https://www.details.so/inspo/category/rows.md) (77)

### Sections
- [404](https://www.details.so/inspo/category/404.md) (79)
- [About](https://www.details.so/inspo/category/about.md) (91)
- [Article](https://www.details.so/inspo/category/article.md) (30)
- [Blog](https://www.details.so/inspo/category/blog.md) (67)
- [Case Study](https://www.details.so/inspo/category/case-study.md) (91)
- [Contact](https://www.details.so/inspo/category/contact.md) (115)
- [Content](https://www.details.so/inspo/category/content.md) (206)
- [CTA](https://www.details.so/inspo/category/cta.md) (30)
- [Drawer](https://www.details.so/inspo/category/drawer.md) (55)
- [Dropdown](https://www.details.so/inspo/category/dropdown.md) (70)
- [FAQ](https://www.details.so/inspo/category/faq.md) (24)
- [Features](https://www.details.so/inspo/category/features.md) (390)
- [Footer](https://www.details.so/inspo/category/footer.md) (316)
- [Fullscreen](https://www.details.so/inspo/category/fullscreen.md) (65)
- [Hero](https://www.details.so/inspo/category/hero.md) (374)
- [Legal](https://www.details.so/inspo/category/legal.md) (14)
- [Logo](https://www.details.so/inspo/category/logo.md) (31)
- [Morphing](https://www.details.so/inspo/category/morphing.md) (21)
- [Navigation](https://www.details.so/inspo/category/navigation.md) (228)
- [Newsletter](https://www.details.so/inspo/category/newsletter.md) (10)
- [Portfolio](https://www.details.so/inspo/category/portfolio.md) (227)
- [Pricing](https://www.details.so/inspo/category/pricing.md) (59)
- [Products](https://www.details.so/inspo/category/products.md) (31)
- [Services](https://www.details.so/inspo/category/services.md) (83)
- [Social Proof](https://www.details.so/inspo/category/social-proof.md) (146)
- [Stats](https://www.details.so/inspo/category/stats.md) (57)
- [Steps](https://www.details.so/inspo/category/steps.md) (26)
- [Team](https://www.details.so/inspo/category/team.md) (77)
- [Testimonial](https://www.details.so/inspo/category/testimonial.md) (90)
- [Timeline](https://www.details.so/inspo/category/timeline.md) (17)

### Interactions
- [Card Hover](https://www.details.so/inspo/category/hover-animations.md) (113)
- [Contextual Transition](https://www.details.so/inspo/category/contextual-transition.md) (23)
- [Cursor Interaction](https://www.details.so/inspo/category/cursor-interaction.md) (120)
- [Horizontal Scroll](https://www.details.so/inspo/category/horizontal-scroll.md) (41)
- [Media Showcase](https://www.details.so/inspo/category/media-showcase.md) (181)
- [Page Transition](https://www.details.so/inspo/category/page-transition.md) (132)
- [Parallax](https://www.details.so/inspo/category/parallax.md) (60)
- [Pinned Scroll](https://www.details.so/inspo/category/pinned-scroll.md) (196)
- [Preloader](https://www.details.so/inspo/category/preloader.md) (224)
- [Scroll Animations](https://www.details.so/inspo/category/scroll-animations.md) (406)
- [Section Transition](https://www.details.so/inspo/category/section-transition.md) (101)
- [Stacked Scroll](https://www.details.so/inspo/category/stacked-scroll.md) (87)
- [Text Showcase](https://www.details.so/inspo/category/text-showcase.md) (79)

### Industrys
- [AI](https://www.details.so/inspo/category/ai.md) (523)
- [Architecture](https://www.details.so/inspo/category/architecture.md) (301)
- [Art](https://www.details.so/inspo/category/art.md) (179)
- [Crypto](https://www.details.so/inspo/category/crypto.md) (97)
- [Education](https://www.details.so/inspo/category/education.md) (204)
- [Fashion](https://www.details.so/inspo/category/fashion.md) (131)
- [Finance](https://www.details.so/inspo/category/finance.md) (185)
- [Food](https://www.details.so/inspo/category/food.md) (132)
- [Health](https://www.details.so/inspo/category/health.md) (185)
- [Hospitality](https://www.details.so/inspo/category/hospitality.md) (141)
- [Industrial](https://www.details.so/inspo/category/industrial.md) (430)
- [Legal](https://www.details.so/inspo/category/legal-services.md) (6)
- [Media](https://www.details.so/inspo/category/media.md) (294)
- [Music](https://www.details.so/inspo/category/music.md) (116)
- [Portfolio](https://www.details.so/inspo/category/industry-portfolio.md) (274)
- [Product Design](https://www.details.so/inspo/category/product-design.md) (473)
- [Real Estate](https://www.details.so/inspo/category/real-estate.md) (102)
- [SaaS](https://www.details.so/inspo/category/saas.md) (713)
- [Sports](https://www.details.so/inspo/category/sports.md) (150)
- [Studio](https://www.details.so/inspo/category/studio.md) (1128)
- [Video](https://www.details.so/inspo/category/video.md) (391)

### Styles
- [Brutalist](https://www.details.so/inspo/category/brutalist.md) (347)
- [Corporate](https://www.details.so/inspo/category/corporate.md) (311)
- [Editorial](https://www.details.so/inspo/category/editorial.md) (1751)
- [Experimental](https://www.details.so/inspo/category/experimental.md) (1195)
- [Image-led](https://www.details.so/inspo/category/image-led.md) (1047)
- [Luxury](https://www.details.so/inspo/category/luxury.md) (128)
- [Maximalist](https://www.details.so/inspo/category/maximalist.md) (18)
- [Minimal](https://www.details.so/inspo/category/minimal.md) (1230)
- [Organic](https://www.details.so/inspo/category/organic.md) (20)
- [Playful](https://www.details.so/inspo/category/playful.md) (188)
- [Retro](https://www.details.so/inspo/category/retro.md) (101)

## For AI agents
Browsing these pages is free. Searching the library by natural language and retrieving the full evidence for a piece (ordered video frames, verified source excerpts, behavior summary) happens through the Details MCP server: https://www.details.so/mcp.md