The Component Gallery

Quick summary of The Component Gallery

The Component Gallery is a curated reference site cataloguing UI component patterns + variations across real-world products — 'Mobbin for individual components' — see how 50+ products (Linear + Notion + Figma + Stripe + Vercel + Anthropic + Webflow + GitHub + many more) implement buttons + dropdowns + forms + navigation + modals + tables + cards + tooltips + tabs + accordions + and dozens of other common UI components. Distinguished from Mobbin ($13-39/mo Pro, full app + web screens + flows) by individual UI component-level granularity, distinguished from Landingfolio (full landing pages) by component-level focus, distinguished from Dribbble + Behance (individual creative design work) by curated UI component reference focus, distinguished from Storybook + shadcn/ui (code-level component references in source code form) by visual reference approach. For designers + design system implementers + product designers + developers + design educators needing component-level reference for common UI patterns, The Component Gallery is competitive curated free resource 2026. Core features: gallery of UI components organized by type (buttons + dropdowns + selects + forms + navigation + modals + tables + cards + tooltips + tabs + accordions + alerts + badges + breadcrumbs + pagination + and dozens more), each component shows multiple real-world implementations from leading products, comparison views showing variations + design choices across products side-by-side, links to live products + design system documentation when available for deeper exploration, semantic categorization of components by type + use case + complexity, search + filter functionality across components + products, regular additions of new components + product examples, mobile-friendly browsing, no signup required typically, free for personal + design research use, indie maker resource maintained by designers for designers, occasional commentary on design choices + patterns + best practices, browser-accessible directly without app installs. Best for designers building specific UI components needing reference for patterns + variations from leading products (better than starting blank or searching general Dribbble inspiration for specific component-level reference), design system implementers studying how leading products (Linear + Notion + Stripe + Vercel + etc.) approach common components to inform their own design system component decisions, product designers wanting to see best practices for forms + dropdowns + modals + tables + other commonly-needed components, developers building component libraries needing visual reference for how leading products implement common patterns before coding their components, design educators teaching component design + UI patterns through curated examples, design students learning component design vocabulary through visual examples, frontend developers + designers handling component variants + states needing reference for how to handle edge cases + interactions. Skip for full app + page inspiration where Mobbin (full screens + flows at $13-39/mo) + Landingfolio (full landing pages) + Land-book (full landing pages) cover screen-level + page-level inspiration better, code-level component references where Storybook + Component Story Format + actual component libraries (shadcn/ui + Radix UI + Headless UI + Mantine) publish source code for direct implementation, individual designer inspiration where Dribbble + Behance show creative design work vs production component reference, real-time UX feedback where user testing tools (Maze + UserTesting + Lookback) provide actual user feedback vs design reference, brand-specific component needs where custom design more important than referencing common patterns. Pricing: completely free for browsing all components + real-world examples + no signup required + personal use; verify current monetization status on the-component-gallery.com (some similar galleries have Pro tiers though free typically). Direct competitors: Mobbin ($13-39/mo Pro, full app + web screens + flows), Landingfolio + Land-book + One Page Love (full landing pages), Page Flows (full app onboarding flows), UI Sources (UI patterns across apps), Refero (curated design references), Dribbble + Behance (individual creative work), Storybook (developer-focused component documentation with code), shadcn/ui + Radix UI + Headless UI + Mantine (free component libraries with implementations), Tailwind UI ($299, paid component examples + code), Awwwards (web design awards + showcase). The Component Gallery wins on component-level granularity + free + clean curated UX + product diversity; Mobbin wins on full screens + flows + paid Pro tier features + larger library; Storybook wins on code-level documentation; component libraries win on actual implementations + code; Dribbble + Behance win on creative individual work. For component-level UI design reference in 2026, The Component Gallery is competitive free curated resource.