Components
41 components built on Base UI. Install any of them with the shadcn CLI, or import them from @acme/react.
Set up
Add the registry to your project's components.json once:
{
"registries": {
"@acme": "https://mak-ui.makenziemoore.workers.dev/r/{name}.json"
}
}Then add any component by name:
pnpm dlx shadcn@latest add @acme/buttonAccordion
Stacked sections that expand to reveal content: FAQs, grouped settings.
Alert
An inline message about the page or a task: info, success, warning or error. Server-component safe.
Avatar
A person or organization picture, with initials as a fallback.
Badge
A short label for status or metadata. Server-component safe.
Breadcrumb
Shows where the current page sits in the site hierarchy.
Button
Triggers an action in place: submit, save, open a dialog.
Calendar
A month grid for picking dates; the building block of Date Picker.
Card
A raised surface grouping related content and actions. Server-component safe.
Checkbox
A yes/no choice submitted with a form, or one of several independent choices.
Combobox
A text input that filters a long list of options as you type.
Command
A searchable list of commands; inside CommandDialog it is a Cmd+K palette.
Data Table
A table with sortable columns and a text filter for client-side data.
Date Picker
Pick one date from a calendar popover.
Dialog
A modal window for a focused task or a decision that blocks the page until dismissed.
Dropdown Menu
A list of actions or options that opens from a button.
Empty State
What a list or page shows before it has content, with the next step. Server-component safe.
Field
Groups a label, control, description and error, and wires their ARIA relationships.
File Upload
Pick files by clicking, keyboard or drag and drop, with a list of selected files.
Form
A form validated by a Zod schema on submit, with errors shown next to each field.
Icon Button
A square button showing only an icon, with a required accessible label.
Input
Single-line text entry: names, emails, numbers, search.
Label
A native label. Wraps a Checkbox, RadioGroupItem or Switch so the whole row is clickable and names the control. Server-component safe.
Link
Navigates to another page, section or resource.
Navigation Menu
Site navigation with dropdown panels of links.
Pagination
Navigation between pages of a long list. Server-component safe.
Popover
Interactive content anchored to a button: a filter form, details, a small editor.
Progress
Progress of a task with a known or unknown amount of work.
Radio Group
One choice from a short list where every option should be visible.
Select
Pick one option from a list too long to show as radio buttons.
Separator
A divider between groups of content.
Sheet
A modal panel that slides in from an edge: filters, record details, mobile navigation.
Sidebar
App navigation in a vertical column. Server-component safe.
Skeleton
A placeholder shape while content loads. Server-component safe.
Slider
Pick a number or a range by dragging or with the keyboard.
Stepper
Progress through a multi-step flow. Server-component safe.
Switch
Turns a setting on or off immediately.
Table
Tabular data with real table semantics. Server-component safe.
Tabs
Switches between views of related content in the same place.
Textarea
Multi-line text entry: comments, descriptions, feedback.
Toast
Brief feedback after an action, announced without moving focus.
Tooltip
A short supplementary label for a control, shown on hover and keyboard focus.