@cubby-ui

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

81 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (79 .json) ↗ clone brief (PROMPT.md) ↗

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

81 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

Sheet ui

A sheet component.

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

Shimmer component

A CSS utility that sweeps an animated highlight across text for live status and streaming states, with no component required.

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

Skeleton ui

A skeleton component.

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

Slider ui

A slider component.

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

Cubby UI Theme style

Initialize your project with Cubby UI's theme system including OKLCH colors and CSS variables.

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

Switch ui

A switch component.

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

Table ui

A table component.

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

Tabs ui

A tabs component.

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

Textarea ui

A textarea component.

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

Timeline ui

A timeline component.

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

Toast ui

A toast component.

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

Toggle ui

A toggle component.

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

Toggle-group ui

A toggle-group component.

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

Toolbar ui

A toolbar component.

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

Tooltip ui

A tooltip component.

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

Transition Panel ui

A transition-panel component.

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

Tree ui

A tree component.

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

useAnimatedHeight hook

A custom React hook for animated height.

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

useControllableState hook

A custom React hook for controllable state.

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

useFuzzyFilter hook

A custom React hook for fuzzy filter.

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

useListVirtualizer hook

A custom React hook for list virtualizer.

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