Curated galleries for web design inspiration, grouped by what they collect. Most are narrow on purpose — one gallery per page element — which makes them far more useful than a general showcase when you are stuck on a single section.

## Page sections

- **[Navbar Gallery](https://www.navbar.gallery/)** — navigation bars and menus, the one element every site needs and few get right
- **[Supahero](https://supahero.io/)** — hand-picked hero sections
- **[Unsection](https://www.unsection.com/)** — website sections from known brands, filterable by type (hero, feature, pricing, testimonial); also ships a free SVG library
- **[CTA.gallery](https://www.cta.gallery/)** — call-to-action blocks
- **[Gridddy](https://gridddy.framer.website/)** — narrower still: pre-footer CTA sections only
- **[Footer](https://www.footer.design/)** — footers, sortable by type and style
- **[404s](https://www.404s.design/)** — creative error pages

## Whole sites and landing pages

- **[Curated](https://curated.design/)** — live websites and landing pages reviewed one at a time, filterable by style or industry, linking straight through to the real site
- **[landing.love](https://www.landing.love/)** — landing pages captured as full-page video recordings, so you see the scroll behaviour rather than a static screenshot
- **[Saaspo](https://saaspo.com/)** — SaaS websites
- **[SaaSFrame](https://www.saasframe.io/)** — SaaS websites plus product UI and email sequences
- **[One Page Love](https://onepagelove.com/)** — single-page websites, templates and resources
- **[Recent](https://recent.design/)** — daily cross-discipline inspiration (web, branding, product, typography, motion, 3D, editorial, print, packaging) with separate galleries for OG images, app screenshots and app icons; `godly.website` now redirects here

## Motion, layout and detail

- **[Bento Grids](https://bentogrids.com/)** — bento-box grid layouts
- **[60fps](https://60fps.design/)** — UI/UX animation and interaction details from iOS and web apps
- **[Design Spells](https://designspells.com/)** — micro-interactions, easter eggs and small delightful details, tagged by platform and brand

## Branding and social images

- **[Rebrand](https://www.rebrand.gallery/)** — rebrands and visual identities, including identity launches and reveal videos
- **[One Page Love — OG Image Gallery](https://onepagelove.com/og)** — real Open Graph share images, the preview card your link renders as when someone posts it

## For AI coding agents

- **[Refero Styles](https://styles.refero.design/)** — `DESIGN.md` files extracted from real product websites: colors, typography, spacing, components and design rules in a form an agent can read. Drop one into [Claude Code](/ai/claude-code/claude-code/), Cursor or a similar tool to give it a concrete reference instead of generic defaults. Beta, from the team behind [Refero](https://refero.design/)