12 free 3D tools in one page - image-to-3D, normal maps, remesh, reduce; file tools stay local
Component Gallery
See how 20+ design systems build each component before you build yours — 60 component types across 95 systems, 2,700+ real examples
Content updated · 2026-09-20
What is it · 它是什么
What is Component Gallery?
The Component Gallery is a cross-design-system index of real UI component examples: 60 component types (dialogs, dropdowns, accordions, pagination and more) pulling 2,700+ actual examples from 95 real design systems such as Shopify Polaris, Red Hat and Elastic UI, each tagged by tech stack (React/Web Components/Tailwind) and by features like open source, accessibility and code samples. The one-stop reference for "how do the big players do it" — completely free.
How to use · 怎么用
How to use Component Gallery
- Jump straight to a component type (Tabs/Dialog/Combobox) and compare implementations across systems.
- Filter by tech stack and feature tags (open source / accessible / code samples).
- Follow links into the source design system for full specification context.
Key features · 核心特点
Key features of Component Gallery
- 60 component types × 95 design systems × 2,700+ real examples
- Tagged by tech stack (React/Web Components/Tailwind)
- Filter by open-source / accessibility / code-sample features
- Completely free
Related sites
The framework for content-driven sites — zero JS by default, React/Vue islands where needed
The world's most popular front-end framework - v6 brings CSS-first theming and AI-assistant docs