Component Library
ELI5 — The Vibe Check
A Component Library is a box of pre-built LEGO pieces for your UI — buttons, modals, dropdowns, all ready to snap together. Instead of building a date picker from scratch for the fourth time, you grab it from the library. It's like having a well-organized toolbox instead of a junk drawer.
Real Talk
A Component Library is a collection of reusable, tested UI components distributed as a package. It typically includes form elements, layout components, navigation, and feedback elements. Libraries can be framework-specific (React, Vue) or framework-agnostic (Web Components). Popular examples include shadcn/ui, Radix, and Headless UI.
When You'll Hear This
"We use shadcn/ui as our component library — it gives us accessible, customizable primitives." / "Building our own component library took 3 months but saves us time on every project now."
Related Terms
Design System
A Design System is the IKEA instruction manual for your entire product's UI. It defines every color, button size, spacing unit, and component so your app l
shadcn/ui
shadcn/ui said 'what if instead of installing a component library, you just... copy the code into your project?
Storybook
Storybook is like a showroom for your UI components.