About UI Sections

Most inspiration sites show whole pages or single components. UI Sections sits in between: one screenshot per section, so you can line up every pricing section or footer and see the patterns.

It’s made for designers and developers building landing pages and marketing sites who want shipped, real-world examples rather than templates.

Every image is a screenshot of a live, public website — no mockups, templates or redesigns. Each one shows a single section of a page, captured at desktop width.

Each section is then organised four ways: by section type (what the section does), by style (how it looks), by industry (the market the company serves) and by company (every section from the same site, together).

Tagging is AI-assisted. A model labels each screenshot against a written definition for every section type and style, and a person reviews the results before they’re published. A section type or style only gets its own page once there are enough examples to be useful.

• By section type Designing a pricing table or a footer? Compare every example of that section side by side.
• By style Have a look in mind? Browse styles, or filter any section type by style.
• By industry Compare how fintech, AI, developer tools and other markets present themselves.
• By company See how one company designs its whole site, section by section.

Click any screenshot to open it full size, use ← → to move between sections and Esc to close. Press / anywhere to search (or ⌘K / Ctrl K).

Screenshots belong to their respective owners. They’re shown here for design reference and commentary, and UI Sections isn’t affiliated with the companies featured.

Built with Astro and hosted on Cloudflare. Type is set in Inter. Every page is static HTML, with a little JavaScript for search, filters and the image viewer.