Glossary
Component library
What is a Component Library?
A component library is a collection of reusable, standardized UI elements (buttons, forms, cards, modals) that developers and designers use to build consistent interfaces across a product or product suite.
How it works
Component libraries contain coded implementations of design elements, typically built in a framework like React, Vue, or Angular. Each component encapsulates its own HTML structure, styling, behavior, and accessibility features. A maintained library gives teams shared implementations instead of requiring each team to build the same element again. It can centralize work on visual style, accessibility, and responsive behavior, although each use still needs testing. Component libraries are often documented in tools like Storybook, which provides a browsable catalog with usage examples and interactive demos.
Applied example
A company could update a shared button component once and distribute a new library release. Individual products benefit when they adopt and test that release; the change does not automatically reach every product.
Why it matters
Component libraries can support consistency and reuse. Their effectiveness depends on maintenance, adoption, correct use and testing in each product.