Whether you need a reference for a full homepage layout, a landing page hero section, or a specific UI component, these are the best places to look. Most are completely free. This list covers website galleries, landing page libraries, UI component collections, and aggregator feeds — organized by what they're best at.
By Shahriyar Ishmam · Last updated: October 2026 · 15 sites reviewed
Website gallery
A curated gallery of real production websites with dedicated sections for landing pages, OG images, and font pairings. Filter by category, industry, or technology stack (Next.js, Framer, Webflow, and more). Save favorites into named bookmark collections and share a public profile.
Best for: Full websites, landing pages, OG images, fonts — filterable by tech stack
The most recognized web design award platform. Jury-selected sites receive daily, weekly, and site of the year awards. Strong on experimental agency and interactive work. Some browsing features require a membership.
Best for: Award-winning agency work and experimental interactive design
Note: Full browsing and jury access require membership.
A curated gallery with a strong editorial eye — typographic layouts, motion-heavy sites, and premium product pages. Clean, minimal interface. Free to browse.
Best for: Motion design, bold typography, premium product pages
Website gallery
One of the oldest and most trusted design galleries. Excellent category and style filters (minimal, typographic, dark, etc.). Well-maintained with consistent quality.
Best for: Classic, editorial, and portfolio website design
Long-running gallery focusing on creative independent and small studio websites. Broader style range than most curated galleries, including experimental and personal sites.
Best for: Creative studios, personal sites, and experimental web design
Website gallery
A gallery dedicated to dark-mode website designs. Useful when you need to study color contrast, glow effects, and dark UI patterns across real production sites.
Best for: Dark mode website design and dark UI color palette reference
Landing pages
Focused entirely on landing pages with category filters. Also aggregates free UI kits, books, and design resources. One of the best pure landing page references available.
Best for: Landing page design — especially SaaS and product pages
Curated gallery of product and SaaS landing pages with consistent quality. Good for studying B2B, startup, and software pricing page patterns.
Best for: SaaS pricing pages, startup hero sections, B2B landing pages
The largest designer community. Best for UI components, icon design, and illustration. Full websites are less common — most posts show isolated screens or detail shots.
Best for: UI components, icons, illustrations, and app screen design
Note: Pro features and job listings require a paid plan.
Adobe's portfolio community. Strongest for full design case studies with process documentation — branding, web, print, and motion. Free to browse.
Best for: Full design case studies with process work and branding projects
UI & components
Organizes Dribbble shots by UI component type — dashboards, login screens, cards, onboarding flows. A useful reference when you need to see how a specific UI pattern has been solved.
Best for: Specific UI component patterns (dashboard, card, form, etc.)
UI & components
Recordings and screenshots of interactions from real production apps. Strong for studying micro-interactions, onboarding flows, and mobile UX patterns in live products.
Best for: Product micro-interactions and UX flow studies
Note: Some interactions require a paid plan.
UI & components
Video recordings of real user flows across popular web and mobile apps — sign-up, onboarding, checkout, and upgrade flows. Essential for UX designers working on conversion flows.
Best for: User onboarding, checkout, and conversion flow research
Note: Paid subscription required for full access.
A focused reference library of iOS and Android app screenshots, organized by UI pattern. Good for mobile-first product design.
Best for: Mobile app UI patterns and iOS/Android design reference
Note: Full pattern library requires a subscription.
Most sites on this list are free to browse: Hoverstate, Godly, SiteInspire, Lapa Ninja, Land-book, Httpster, Dribbble, Behance, Muzli, Collect UI, and Dark Mode Design all offer full free browsing. Page Flows requires a paid subscription. Awwwards is mostly free for browsing but some premium features require an account. For most designers and developers, the free tiers of the sites listed here cover over 95% of everyday inspiration needs.
Hoverstate is the only major gallery that lets you filter websites by detected technology — Next.js, Framer, Webflow, Shopify, and more. This is useful when you want to see not just how a site looks but what it was built with. For example, if you're evaluating Framer for a project, you can browse all Framer-built sites on Hoverstate to understand the aesthetic range and performance characteristics of sites built on that platform.
Lapa Ninja is dedicated entirely to landing pages. Hoverstate has a dedicated landing pages section with technology filters. Land-book focuses on SaaS and product landing pages specifically. The three serve slightly different use cases: Lapa Ninja has the largest volume, Land-book skews toward SaaS and B2B, and Hoverstate adds technology filtering that helps when you're trying to understand how specific platforms are used for landing pages.
Collect UI organizes Dribbble shots by component type. Dribbble itself is strong for isolated UI shots. For interaction patterns in live products, UI Sources and Page Flows are the most practical references. The key distinction: Collect UI and Dribbble show designed shots that may or may not reflect real shipped UI; UI Sources and Page Flows show actual product screens from live applications, which is more useful for understanding how patterns perform in practice.
Dark Mode Design is a dedicated gallery of dark-mode websites. Godly curates motion-heavy and typographic sites with many dark examples. Hoverstate's gallery includes many dark mode sites across SaaS, portfolios, and creative studios. For a curated breakdown of the most-studied dark mode implementations with technique analysis, the dark mode websites roundup covers 12 examples from SaaS, dev tools, portfolios, and creative studios.
Awwwards focuses on jury-selected award-winning experimental work, with some features behind a paywall. Hoverstate curates practical production websites across industries, is fully free, and adds technology stack filtering, OG image and font sections, and bookmark collections. The audience also differs: Awwwards skews toward creative agencies and interactive developers; Hoverstate is used by product designers, founders, and developers looking for practical implementation references across a wider range of site types and industries.
See our detailed head-to-head comparisons:
Thousands of real websites, filterable by category, industry, and technology stack. Dedicated sections for landing pages, OG images, and fonts.
