32 components, each built on a Base UI primitive and installed into your project with the shadcn CLI.
Accordion
Sections that open on a spring inside one slab of glass. The file also has a single collapsible.
Alert
An alert dialog that grows out of a droplet in its own middle, for choices that need an answer.
Autocomplete
A glass field that suggests as you type. Free text is allowed; suggestions fill it in.
Avatar
A picture, or initials while it loads, in a disc of glass.
Button
A glass button that swells and lights up under a press.
Checkbox
A small drop of glass that fills with the accent. The file also has a checkbox group.
Combobox
A glass field with a list that buds off it and reshapes as you type.
Context Menu
A menu that grows from wherever the pointer was, on a right-click or a long press.
Dialog
A panel that grows out of its button and flies home into it when it closes.
Field
Glass text inputs, with labels, descriptions and errors, fieldsets and forms.
Menu
A menu that pours out of its button like liquid.
Menubar
A capsule of menu titles whose menus share one panel of glass.
Meter and Progress
Frosted bars for a measurement, like storage, and for progress, like a download.
Navigation Menu
A navigation bar whose one panel reshapes as you move between titles.
Number Field
A glass stepper. Drag its label sideways to scrub the value.
OTP Field
A one-time code in slots of glass. Pasting a code fills every slot.
Popover
A glass popover that grows out of its trigger.
Preview Card
A preview that buds off a link while you hover it.
Radio
Glass radio buttons in a radio group.
Scroll Area
A scrolling area with a thin overlay scrollbar. The file also has a separator.
Search Field
A capsule of glass with a magnifying glass and a clear button.
Segmented Control
A pill of liquid glass you can tap or drag between options.
Select
A select whose list grows out of its button.
Sheet
A sheet of glass that floats up from the bottom and can be pulled back down.
Slider
A glass knob that turns to liquid as you drag it.
Switch
A switch whose knob lifts into a lens as it slides. Drag it, flick it or tap it.
Tabs
Tabs, and a floating tab bar with a lens you can drag between items.
Toast
Notifications that unfold out of a capsule at the top edge. Swipe one up to dismiss it.
Toggle
A glass button that stays pressed.
Toggle Group
Toggles that merge into one capsule of glass.
Toolbar
A capsule of glass holding buttons and separators.
Tooltip
A tooltip that swells out of nothing above its trigger.