Components
Component Gallery (55)
Accordion
Action Bar
This action cannot be undone.
Alert Dialog
Avatar
Badge
Bottom Nav
Breadcrumbs
Button
Calendar
System Notice
Callout
Card
Carousel
Charts
Chat Bubble
Checkbox
import { Button } from "@shavin/ui";Code Block
Code Editor
Color Picker
Combobox
Context Menu
Data List
Date Picker
Dialog
Dropdown
Hover Card
Icon
Icon Button
Inset
- Design token ledger
- Concentric geometry
List
Menu
Pagination
Popover
Progress
Radio Group
Row
Scroll Area
Segmented Control
Select
Separator
Skeleton
Slider
Sonner (Toast)
Sortable
Spinner
Spotlight
Stepper
Switch
Table
Tabs
Text Area
Text Field
Theme Switcher
Time Picker
Tooltip
Video
What's here
40+ primitives: overlays (Dialog, Popover, Menu, Tooltip), inputs (TextField, Select, Checkbox, Slider, Switch), display (Card, Table, Badge, Avatar), feedback (Toast, Progress, Skeleton), and navigation (Tabs, Breadcrumbs). Each page has live examples, the full props table, and copy-able code.
When to use
Radix-backed where real interaction or accessibility is earned (focus traps, keyboard nav, ARIA); plain token-styled markup otherwise. Each component's page states which — and why — so you know what you're getting.
Why it matters
These are the atoms. They read only semantic tokens, so they re-theme for free, and their contracts are covered by tests — a component that ships here behaves the same in every consuming app.