web design ui
Component Library
A collection of reusable UI elements (buttons, inputs, cards, modals) built from design tokens and documented with usage guidelines. One layer of a design system, not the whole thing.
A component library provides the building blocks, but without tokens, guidelines, patterns, and governance, it is just a shared folder. Components built on tokens are inherently more resilient than components with hardcoded values. The best component libraries favor composition over configuration: small composable pieces that combine into patterns, rather than mega-components with 14 props trying to handle every variant.
Learn more in our full guide: Read the article