Documentation
Everything you need to build great interfaces
Shelf is a professional component library for React. Every component is built on Base UI primitives — keyboard navigation, focus management, and ARIA handled for you — then styled with Tailwind CSS to match one cohesive design language.
100 components
Buttons, forms, overlays, data, charts, and more — all accessible and typed.
Dark & light
One set of CSS variables drives both themes. Flip at runtime.
Themeable
Rebrand the whole library by overriding a handful of tokens.
Accessible
Keyboard navigation, focus management, and ARIA handled for you.
Quick links
Ready to build something beautiful?
Spin up the playground, or copy your first component and ship it in minutes.