@cubby-ui

An opinionated component library with curated styling and simplified patterns for common use cases. Built on Base UI and Tailwind CSS 4.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.cubby-ui.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.cubby-ui.dev/r/registry.json

bun bunx shadcn@latest add https://www.cubby-ui.dev/r/registry.json

fetch registry curl -s https://www.cubby-ui.dev/r/registry.json

Components

60 total

Accordion ui

A accordion component.

npx shadcn@latest add https://www.cubby-ui.dev/r/accordion.json

Alert ui

A alert component.

npx shadcn@latest add https://www.cubby-ui.dev/r/alert.json

Alert-dialog ui

A alert-dialog component.

npx shadcn@latest add https://www.cubby-ui.dev/r/alert-dialog.json

All Components block

Install all Cubby UI components with a single command.

npx shadcn@latest add https://www.cubby-ui.dev/r/all.json

Aspect-ratio ui

A aspect-ratio component.

npx shadcn@latest add https://www.cubby-ui.dev/r/aspect-ratio.json

Autocomplete ui

A autocomplete component.

npx shadcn@latest add https://www.cubby-ui.dev/r/autocomplete.json

Avatar ui

A avatar component.

npx shadcn@latest add https://www.cubby-ui.dev/r/avatar.json

Badge ui

A badge component.

npx shadcn@latest add https://www.cubby-ui.dev/r/badge.json

Base Drawer ui

A base-drawer component.

npx shadcn@latest add https://www.cubby-ui.dev/r/base-drawer.json

Breadcrumbs ui

A breadcrumbs component.

npx shadcn@latest add https://www.cubby-ui.dev/r/breadcrumbs.json

Button ui

A simple button component.

npx shadcn@latest add https://www.cubby-ui.dev/r/button.json

Button Group ui

A button-group component.

npx shadcn@latest add https://www.cubby-ui.dev/r/button-group.json

Calendar ui

A calendar component.

npx shadcn@latest add https://www.cubby-ui.dev/r/calendar.json

Card ui

A card component.

npx shadcn@latest add https://www.cubby-ui.dev/r/card.json

Carousel ui

A carousel component.

npx shadcn@latest add https://www.cubby-ui.dev/r/carousel.json

Checkbox ui

A checkbox component.

npx shadcn@latest add https://www.cubby-ui.dev/r/checkbox.json

Checkbox-group ui

A checkbox-group component.

npx shadcn@latest add https://www.cubby-ui.dev/r/checkbox-group.json

Circular Slider ui

A circular-slider component.

npx shadcn@latest add https://www.cubby-ui.dev/r/circular-slider.json

Code-block ui

A code-block component.

npx shadcn@latest add https://www.cubby-ui.dev/r/code-block.json

Collapsible ui

A collapsible component.

npx shadcn@latest add https://www.cubby-ui.dev/r/collapsible.json

Combobox ui

A combobox component.

npx shadcn@latest add https://www.cubby-ui.dev/r/combobox.json

Command ui

A command component.

npx shadcn@latest add https://www.cubby-ui.dev/r/command.json

Context-menu ui

A context-menu component.

npx shadcn@latest add https://www.cubby-ui.dev/r/context-menu.json

Copy Button ui

A copy-button component.

npx shadcn@latest add https://www.cubby-ui.dev/r/copy-button.json

Cropper ui

A cropper component.

npx shadcn@latest add https://www.cubby-ui.dev/r/cropper.json

Data Table ui

A data-table component.

npx shadcn@latest add https://www.cubby-ui.dev/r/data-table.json

Date-picker ui

A date-picker component.

npx shadcn@latest add https://www.cubby-ui.dev/r/date-picker.json

Date-range-picker ui

A date-range-picker component.

npx shadcn@latest add https://www.cubby-ui.dev/r/date-range-picker.json

Dialog ui

A dialog component.

npx shadcn@latest add https://www.cubby-ui.dev/r/dialog.json

Drawer ui

A drawer component.

npx shadcn@latest add https://www.cubby-ui.dev/r/drawer.json

Dropdown-menu ui

A dropdown-menu component.

npx shadcn@latest add https://www.cubby-ui.dev/r/dropdown-menu.json

elevated lib

A utility function for elevated.

npx shadcn@latest add https://www.cubby-ui.dev/r/elevated.json

Fancy Button ui

A fancy-button component.

npx shadcn@latest add https://www.cubby-ui.dev/r/fancy-button.json

Field ui

A field component.

npx shadcn@latest add https://www.cubby-ui.dev/r/field.json

Fieldset ui

A fieldset component.

npx shadcn@latest add https://www.cubby-ui.dev/r/fieldset.json

Filters ui

A filter bar of segmented pills with per-field operators and value controls.

npx shadcn@latest add https://www.cubby-ui.dev/r/filters.json

Form ui

A form component.

npx shadcn@latest add https://www.cubby-ui.dev/r/form.json

highlightText lib

A utility function for highlight text.

npx shadcn@latest add https://www.cubby-ui.dev/r/highlight-text.json

Input ui

A input component.

npx shadcn@latest add https://www.cubby-ui.dev/r/input.json

Input Group ui

A input-group component.

npx shadcn@latest add https://www.cubby-ui.dev/r/input-group.json

Input-otp ui

A input-otp component.

npx shadcn@latest add https://www.cubby-ui.dev/r/input-otp.json

Kbd ui

A kbd component.

npx shadcn@latest add https://www.cubby-ui.dev/r/kbd.json

Label ui

A label component.

npx shadcn@latest add https://www.cubby-ui.dev/r/label.json

Marching Border ui

A marching-border component.

npx shadcn@latest add https://www.cubby-ui.dev/r/marching-border.json

Menubar ui

A menubar component.

npx shadcn@latest add https://www.cubby-ui.dev/r/menubar.json

Meter ui

A meter component.

npx shadcn@latest add https://www.cubby-ui.dev/r/meter.json

Navigation-menu ui

A navigation-menu component.

npx shadcn@latest add https://www.cubby-ui.dev/r/navigation-menu.json

Number Field ui

A number-field component.

npx shadcn@latest add https://www.cubby-ui.dev/r/number-field.json

Otp Field ui

A otp-field component.

npx shadcn@latest add https://www.cubby-ui.dev/r/otp-field.json

Pagination ui

A pagination component.

npx shadcn@latest add https://www.cubby-ui.dev/r/pagination.json

Popover ui

A popover component.

npx shadcn@latest add https://www.cubby-ui.dev/r/popover.json

Preview-card ui

A preview-card component.

npx shadcn@latest add https://www.cubby-ui.dev/r/preview-card.json

Progress ui

A progress component.

npx shadcn@latest add https://www.cubby-ui.dev/r/progress.json

QR Code ui

A from-scratch, zero-dependency QR code generator rendered as pure scalable SVG.

npx shadcn@latest add https://www.cubby-ui.dev/r/qr-code.json

Radio-group ui

A radio-group component.

npx shadcn@latest add https://www.cubby-ui.dev/r/radio-group.json

Resizable ui

A resizable component.

npx shadcn@latest add https://www.cubby-ui.dev/r/resizable.json

Scroll-area ui

A scroll-area component.

npx shadcn@latest add https://www.cubby-ui.dev/r/scroll-area.json

Scroll Fade component

A CSS utility that fades the edges of any scroll container as you scroll, with no component required.

npx shadcn@latest add https://www.cubby-ui.dev/r/scroll-fade.json

Select ui

A select component.

npx shadcn@latest add https://www.cubby-ui.dev/r/select.json

Separator ui

A separator component.

npx shadcn@latest add https://www.cubby-ui.dev/r/separator.json