@lumiui
Lumi UI is a composable React component library built on Base UI (MUI team's headless primitives) and Tailwind CSS, offering both pre-assembled composite components and raw primitive building blocks. Ships form and input components (Form, Input, Autocomplete, Combobox, OTP Field, Number Field, Select, Slider, Switch, Textarea), layout and navigation (Accordion, Tabs, Command Menu, Navigation Menu, Scroll Area, Sidebar), overlays (Dialog, Alert Dialog, Context Menu, Drawer, Dropdown Menu, Popover, Sheet, Tooltip), feedback (Meter, Progress, Toast), and display (Avatar, Chart, Resizable, Toolbar). Multiple built-in themes (Dune, Canopy, Celeste, Lagoon, Orchid). Use for: teams that prefer Base UI's accessibility model over Radix UI while still wanting Tailwind-styled, fully owned components.
Install this registry
npx shadcn@latest add https://www.lumiui.dev/r/registry.json pnpm dlx shadcn@latest add https://www.lumiui.dev/r/registry.json bunx shadcn@latest add https://www.lumiui.dev/r/registry.json curl -s https://www.lumiui.dev/r/registry.json Components
60 totalnpx shadcn@latest add https://www.lumiui.dev/r/ui.json A chat input component.
npx shadcn@latest add https://www.lumiui.dev/r/chat-input.json npx shadcn@latest add https://www.lumiui.dev/r/utils.json npx shadcn@latest add https://www.lumiui.dev/r/use-mobile.json A set of collapsible panels with headings.
npx shadcn@latest add https://www.lumiui.dev/r/accordion.json An easily stylable avatar component.
npx shadcn@latest add https://www.lumiui.dev/r/avatar.json A dialog that requires user response to proceed.
npx shadcn@latest add https://www.lumiui.dev/r/alert-dialog.json A popup that opens on top of the entire page.
npx shadcn@latest add https://www.lumiui.dev/r/dialog.json A panel that slides in from the edge of the screen.
npx shadcn@latest add https://www.lumiui.dev/r/drawer.json A component for toggling between related panels on the same page.
npx shadcn@latest add https://www.lumiui.dev/r/tabs.json A native scroll container with custom scrollbars.
npx shadcn@latest add https://www.lumiui.dev/r/scroll-area.json An accessible popup anchored to a button.
npx shadcn@latest add https://www.lumiui.dev/r/popover.json A list of actions in a dropdown, enhanced with keyboard navigation.
npx shadcn@latest add https://www.lumiui.dev/r/dropdown-menu.json An input that suggests options as you type.
npx shadcn@latest add https://www.lumiui.dev/r/autocomplete.json A native input element that automatically works with Field.
npx shadcn@latest add https://www.lumiui.dev/r/input.json A button component that can be rendered as another tag or focusable when disabled.
npx shadcn@latest add https://www.lumiui.dev/r/button.json An easily stylable checkbox component.
npx shadcn@latest add https://www.lumiui.dev/r/checkbox.json A control that indicates whether a setting is on or off.
npx shadcn@latest add https://www.lumiui.dev/r/switch.json A common form component for choosing a predefined value in a dropdown menu.
npx shadcn@latest add https://www.lumiui.dev/r/select.json A collection of links and menus for website navigation.
npx shadcn@latest add https://www.lumiui.dev/r/navigation-menu.json A collapsible panel controlled by a button.
npx shadcn@latest add https://www.lumiui.dev/r/collapsible.json A mobile-friendly command palette for search and quick actions.
npx shadcn@latest add https://www.lumiui.dev/r/command-menu.json An accessible popup anchored to a button.
npx shadcn@latest add https://www.lumiui.dev/r/preview-card.json Displays the status of a task that takes a long time.
npx shadcn@latest add https://www.lumiui.dev/r/progress.json A component that provides labeling and validation for form controls.
npx shadcn@latest add https://www.lumiui.dev/r/field.json A native fieldset element with an easily stylable legend.
npx shadcn@latest add https://www.lumiui.dev/r/fieldset.json A native form element with consolidated error handling.
npx shadcn@latest add https://www.lumiui.dev/r/form.json An easily stylable radio button component.
npx shadcn@latest add https://www.lumiui.dev/r/radio.json A popup that appears when an element is hovered or focused, showing a hint for sighted users.
npx shadcn@latest add https://www.lumiui.dev/r/tooltip.json A two-state button that can be on or off.
npx shadcn@latest add https://www.lumiui.dev/r/toggle.json Provides a shared state to a series of toggle buttons.
npx shadcn@latest add https://www.lumiui.dev/r/toggle-group.json Generates toast notifications.
npx shadcn@latest add https://www.lumiui.dev/r/toast.json Provides a shared state to a series of checkboxes.
npx shadcn@latest add https://www.lumiui.dev/r/checkbox-group.json An easily stylable range input.
npx shadcn@latest add https://www.lumiui.dev/r/slider.json A separator element accessible to screen readers.
npx shadcn@latest add https://www.lumiui.dev/r/separator.json A numeric input element with increment and decrement buttons, and a scrub area.
npx shadcn@latest add https://www.lumiui.dev/r/number-field.json A graphical display of a numeric value within a range.
npx shadcn@latest add https://www.lumiui.dev/r/meter.json A one-time password input composed of individual character slots.
npx shadcn@latest add https://www.lumiui.dev/r/otp-field.json A container for grouping a set of buttons and controls.
npx shadcn@latest add https://www.lumiui.dev/r/toolbar.json A menu that appears at the pointer on right click or long press.
npx shadcn@latest add https://www.lumiui.dev/r/context-menu.json An input combined with a list of predefined items to select.
npx shadcn@latest add https://www.lumiui.dev/r/combobox.json A menu bar providing commands and options for your application.
npx shadcn@latest add https://www.lumiui.dev/r/menubar.json Extends the Dialog component to display content that complements the main content of the screen.
npx shadcn@latest add https://www.lumiui.dev/r/sheet.json Accessible resizable panel groups and layouts with keyboard support.
npx shadcn@latest add https://www.lumiui.dev/r/resizable.json Arrow SVG component.
npx shadcn@latest add https://www.lumiui.dev/r/arrow-svg.json Renders an accessible label associated with controls.
npx shadcn@latest add https://www.lumiui.dev/r/label.json App sidebar
npx shadcn@latest add https://www.lumiui.dev/r/sidebar.json A native textarea element.
npx shadcn@latest add https://www.lumiui.dev/r/textarea.json Beautiful charts. Built using Recharts.
npx shadcn@latest add https://www.lumiui.dev/r/chart.json Displays the path to the current resource using a hierarchy of links.
npx shadcn@latest add https://www.lumiui.dev/r/breadcrumb.json Displays a small count or status indicator.
npx shadcn@latest add https://www.lumiui.dev/r/badge.json Displays content inside a themed container.
npx shadcn@latest add https://www.lumiui.dev/r/card.json Styles keyboard key hints and key groups.
npx shadcn@latest add https://www.lumiui.dev/r/kbd.json A placeholder used while content is loading.
npx shadcn@latest add https://www.lumiui.dev/r/skeleton.json Sidebar with collapsible icons and sections.
npx shadcn@latest add https://www.lumiui.dev/r/sidebar-01.json Dashboard layout with sidebar and main content area.
npx shadcn@latest add https://www.lumiui.dev/r/sidebar-02.json Complex user management UI with nested dialogs.
npx shadcn@latest add https://www.lumiui.dev/r/dialog-01.json Image gallery with nested auth dialogs. Inspired by Unsplash.
npx shadcn@latest add https://www.lumiui.dev/r/dialog-02.json A compact status selector optimized for efficiency. Features custom hotkey logic for instant selection, rich item rendering with status colors, and contextual …
npx shadcn@latest add https://www.lumiui.dev/r/project-status-picker.json Responsive dialog that can expand and shrink
npx shadcn@latest add https://www.lumiui.dev/r/expandable-dialog.json