A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.
ReactTailwindDesign Systems+3
appica.dev
Component
component.gallery
A reference gallery of interface components drawn from real design systems — 60 components, 95 systems, and 2,671 examples.
What is Component?
The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems. Each entry — from carousels to trees — explains what the component is for and how its behavior varies, then links to real implementations across 95 design systems. It is designed to be a reference for anyone building user interfaces, searchable and browsable by component.
Best for
- Studying how real design systems build components
- Naming and defining interface components
- Reference examples before designing a component
Key features
- 60 component types with clear definitions
- 2,671 examples drawn from 95 design systems
- Searchable reference with light and dark modes
- Each example links back to its source system
Related resources
appica.dev
Extremely crafted, copy-paste primitives for AI-native interfaces — loading states, thinking traces, streaming text, human-in-the-loop approvals, and more.
AIWebDesign Systems
beautifului.dev
Open source UI components by @micka_design, documented as a fluid design system covering hover, motion, surfaces and typography.
Open SourceAnimationDesign Systems
fluidfunctionalism.com