A reference library of UI components from real design systems, built for interface builders.
What is The Component Gallery?
A reference library of UI components from real design systems, built for interface builders.
Key benefits
- The Component Gallery gives you concrete UI and UX patterns instead of designing every flow from a blank page.
- Referencing The Component Gallery can improve the usability and consistency of new product work.
- The Component Gallery is useful for quickly benchmarking your designs against real products and flows.
Use cases
- Referencing The Component Gallery when designing a new screen, flow, or component to see proven patterns.
- Using The Component Gallery in design reviews to communicate ideas with concrete examples.
- Keeping The Component Gallery bookmarked as a go‑to library when you are stuck on UX decisions.
About The Component Gallery
The Component Gallery is a curated reference of interface components drawn from real-world design systems. It catalogs components with definitions and examples, making it easier to see how established systems name and implement common UI patterns. Use it when you’re designing a new interface and want to compare approaches, or when you need a shared vocabulary between design and engineering. It’s especially useful for getting unstuck on component naming, interaction patterns, and system consistency.
Sources & further reading
- components
- design-systems
- ui
- reference
Comments