Sections.wtf
~275 landing-page sections from real sites, sorted into 22 section types
Tier A · StrongGallerysections.wtf
A screenshot gallery of individual page sections lifted from shipped marketing sites and studio portfolios — Linear, Figma, Flighty, Dia, Peerlist, Buttondown, Supernotes, REKKI, Neon, Relume and roughly a hundred more. Entries are filed under 22 verbatim types: Menu, Hero, Features, List, Bento, Pricing, CTA, Testimonial, FAQ, Subscribe, Contact, Roadmap, Team, Footer, 404, Words, Comparison, Statistics, Form, Unsorted, Open Graph and Tabs. Each card is named 'Brand - Section', so you can look up how one specific product solved one specific section. Free, no account, weekly newsletter.
For an agent
Reach for this at the composition stage, before you touch a component library: its 22 section types map one-to-one onto the sections a marketing page actually needs, so you can settle 'what goes in the pricing section' by looking at ten shipped answers instead of inventing one. It is screenshots only — no markup, no Tailwind classes — so the workflow is pick a reference here, then build it with shadcn/ui or a block collection. The whole grid is in the homepage HTML (no pagination, ~275 entries under card names of the form 'Brand - Section'), which makes it cheap to enumerate in one fetch, unlike most Framer galleries.
Why it is here. Most inspiration galleries index whole sites, which is useless when your task is one section; this one is organized around the unit of work an agent is actually given.
Facts
- License
- Not applicable
- Pricing
- Free
- Framework
- Not applicable
- Styling
- Not applicable
- Distribution
- Browse-only gallery or archive
- Platform
- Web
- Content type
- Screenshots / screens, Images / textures / backgrounds
- Agent readiness
- Pixels only
- Accessibility
- Not applicable
- Maturity
- Actively maintained
Components it ships
15Helps you build
11Notable for
- 22 verbatim section types including Open Graph and Words
- ~275 entries, whole grid in one HTML response
- named 'Brand - Section' so entries are directly addressable
- covers 404 and Open Graph, which most galleries omit
Provenance
Verified 2026-08-15. HTTP 200. https://sections.wtf/ (WebFetch plus raw 4 MB HTML parsed: 22 filter names verbatim, 275 unique entry titles)
Also in Inspiration Galleries
6- A1 · A web design gallery with an MCP server that returns clean JSON, including design tokens measured from the rendered page
- Annual Report Archive · 3,002 corporate annual-report covers from 1945 to 2023, searchable by design vibe over an open MCP server that needs no key
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- Refero · Searchable library of real product screens, user flows and design systems, with an MCP server
- Type Foundry Directory · Filterable index of ~394 type foundries and their font licensing terms
- 60fps · 2,038 iOS interaction shots broken into storyboards, with an MCP that hands an agent the real timing