Home Docs Components Blocks Charts Directory Typeset Create

Playground

Tinker, don't scroll

Real Shelf components with live controls — no setup required.

A Shelf component in a playground editor

Button lab

Compose variants, sizes, and states live.

Variant

Size

Disabled

Loading

Shelf

A professional, accessible component library for React. Built with Base UI and Tailwind CSS.

Product

Overview
Getting started
Components
Blocks
Charts
Directory
Typeset
Create
Playground

Resources

GitHub
Changelog
Theming

© 2026 Shelf. All rights reserved.Built with Next.js & Tailwind CSS