Chunks UIParts for real interfaces.
Accessible React parts on Base UI and Tailwind v4. Install the package and import what you need.
Three steps, and you're in.
$ bun add chunks-ui motionInstall
Install the package. Motion is an optional peer for spring animations.
chunks-ui·motion@12.8+@import 'chunks-ui/theme.css';Import the theme
Drop it next to your Tailwind import and you get the tokens and styles.
OKLCH·light + darkimport { Button, Tabs, Input } from 'chunks-ui'Compose
Import Button, Tabs, Input by name from one place. Updates land through npm.
ESM·CJS·.d.tsThe full set.
Inputs
Button, Input, Textarea, Number Field, Field, ClearButton.
5 core·1 extendedSelection
Checkbox, Radio, Switch, ToggleGroup, Slider.
3 core·2 extendedPickers
Select, Combobox, Calendar, DatePicker. Select and Combobox are separate components with focused APIs.
2 core·2 extendedOverlays
Dialog, Drawer, Popover, Tooltip, Menu. Placement and flipping handled by Floating UI.
4 core·1 extendedNavigation and layout
Tabs, Accordion, Card, Separator, Scroll Area.
3 core·2 extendedFeedback and display
Toast, Progress, Loader, Avatar, Chip.
3 core·2 extendedSmall API, explicit behavior.
One component, one job.
Select and Combobox are separate components. Each covers its own use case.
<Select />·<Combobox />Stays small on purpose.
Style with className and cn().
className·cn()Readable by people and agents.
Props are plain and readable. An llms.txt gives agents the same docs.
llms.txt·AGENTS.mdAnimation with CSS fallback.
Motion 12.8+ is optional. Add it and you get five tuned springs for indicators, content, popups, overlays and small nudges.
Components animate with CSS transitions by default. Reduced-motion preferences are respected.
Theme in the browser.
Start from a preset. Adjust color, type, radius and spacing in the live preview, then copy the CSS.