# Cubby UI

> A component library built with React 19, TypeScript, Tailwind CSS 4, and Base UI. Copy, paste, and customize accessible components for your Next.js projects.

## Getting Started

- [Installation](https://cubby-ui.dev/docs/getting-started/installation.mdx): How to install and configure Cubby UI in your project
- [Introduction](https://cubby-ui.dev/docs/getting-started/introduction.mdx): Cubby UI is a collection of primitive and composable components built with React 19, TypeScript, Tailwind CSS 4, and Base UI. Copy, paste, and customize.
- [Theming](https://cubby-ui.dev/docs/getting-started/theming.mdx): A guide to styling components with our color system.

## Components

- [Accordion](https://cubby-ui.dev/docs/components/accordion.mdx): Vertically stacked set of interactive headings that reveal or hide associated content sections
- [Alert Dialog](https://cubby-ui.dev/docs/components/alert-dialog.mdx): Modal dialog that interrupts the user with important content and requires an action
- [Alert](https://cubby-ui.dev/docs/components/alert.mdx): Display important messages and notifications to users with various severity levels
- [Aspect Ratio](https://cubby-ui.dev/docs/components/aspect-ratio.mdx): Maintains a consistent width-to-height ratio for responsive content
- [Autocomplete](https://cubby-ui.dev/docs/components/autocomplete.mdx): Text input with intelligent suggestions and auto-completion functionality
- [Avatar](https://cubby-ui.dev/docs/components/avatar.mdx): Display user profile images with fallback support and status indicators
- [Badge](https://cubby-ui.dev/docs/components/badge.mdx): Small count and labeling component for displaying status or metadata
- [Breadcrumbs](https://cubby-ui.dev/docs/components/breadcrumbs.mdx): Navigation component that shows the current location within a hierarchy
- [Button Group](https://cubby-ui.dev/docs/components/button-group.mdx): Group related buttons together for compact layouts and better organization
- [Button](https://cubby-ui.dev/docs/components/button.mdx): Clickable button with various styles and sizes
- [Calendar](https://cubby-ui.dev/docs/components/calendar.mdx): Interactive date picker with support for single dates, ranges, and multiple selections
- [Card](https://cubby-ui.dev/docs/components/card.mdx): A versatile container component with header and content areas
- [Carousel](https://cubby-ui.dev/docs/components/carousel.mdx): Slideshow component for cycling through content like images or cards
- [Checkbox Group](https://cubby-ui.dev/docs/components/checkbox-group.mdx): Group multiple checkboxes with shared state management and layout options
- [Checkbox](https://cubby-ui.dev/docs/components/checkbox.mdx): Interactive control for binary choices with checked and unchecked states
- [Circular Slider](https://cubby-ui.dev/docs/components/circular-slider.mdx): A radial slider component for selecting values along a circular path
- [Code Block](https://cubby-ui.dev/docs/components/code-block.mdx): A syntax-highlighted code block component with copy functionality and customizable layout
- [Collapsible](https://cubby-ui.dev/docs/components/collapsible.mdx): Expandable and collapsible content area with smooth animations
- [Combobox](https://cubby-ui.dev/docs/components/combobox.mdx): Searchable dropdown for selecting from a list of options with keyboard navigation
- [Command](https://cubby-ui.dev/docs/components/command.mdx): Fast, composable command menu for keyboard-first navigation and actions
- [Context Menu](https://cubby-ui.dev/docs/components/context-menu.mdx): Right-click menu that displays contextual actions for specific elements
- [Copy Button](https://cubby-ui.dev/docs/components/copy-button.mdx): A button component for copying text to clipboard with visual feedback
- [Cropper](https://cubby-ui.dev/docs/components/cropper.mdx): Image cropping tool with zoom, rotation, and customizable aspect ratios
- [Date Picker](https://cubby-ui.dev/docs/components/date-picker.mdx): Input field with calendar popup for selecting dates
- [Date Range Picker](https://cubby-ui.dev/docs/components/date-range-picker.mdx): Select start and end dates with an interactive calendar popup
- [Dialog](https://cubby-ui.dev/docs/components/dialog.mdx): Modal window that overlays content and requires user interaction
- [Drawer](https://cubby-ui.dev/docs/components/drawer.mdx): Swipeable slide-in panel with snap points for mobile-friendly interactions
- [Dropdown Menu](https://cubby-ui.dev/docs/components/dropdown-menu.mdx): Toggleable menu for displaying lists of links or actions
- [Fancy Button](https://cubby-ui.dev/docs/components/fancy-button.mdx): Stylized button with advanced visual effects and animations
- [Input Group](https://cubby-ui.dev/docs/components/input-group.mdx): Combine input fields with buttons, icons, or text for enhanced functionality
- [Input OTP](https://cubby-ui.dev/docs/components/input-otp.mdx): One-time password input with individual character fields
- [Input](https://cubby-ui.dev/docs/components/input.mdx): Text input field for user data entry with various states and styling
- [Kbd](https://cubby-ui.dev/docs/components/kbd.mdx): Display keyboard shortcuts and key combinations with proper styling
- [Label](https://cubby-ui.dev/docs/components/label.mdx): Text label for form inputs and other interactive elements
- [Menubar](https://cubby-ui.dev/docs/components/menubar.mdx): Horizontal menu bar for organizing navigation and actions
- [Meter](https://cubby-ui.dev/docs/components/meter.mdx): Display scalar measurements within a known range with visual indicators
- [Navigation Menu](https://cubby-ui.dev/docs/components/navigation-menu.mdx): Accessible dropdown navigation menu with support for nested submenus
- [Pagination](https://cubby-ui.dev/docs/components/pagination.mdx): Navigate through multiple pages of content with numbered controls
- [Popover](https://cubby-ui.dev/docs/components/popover.mdx): Floating content that appears relative to a trigger element
- [Preview Card](https://cubby-ui.dev/docs/components/preview-card.mdx): Interactive card that displays content preview on hover or click
- [Progress](https://cubby-ui.dev/docs/components/progress.mdx): Visual indicator showing completion progress of a task or operation
- [Radio Group](https://cubby-ui.dev/docs/components/radio-group.mdx): Group of radio buttons for selecting a single option from multiple choices
- [Resizable](https://cubby-ui.dev/docs/components/resizable.mdx): Adjustable panels with draggable handles for flexible layouts
- [Scroll Area](https://cubby-ui.dev/docs/components/scroll-area.mdx): Custom scrollable container with styled scrollbars
- [Select](https://cubby-ui.dev/docs/components/select.mdx): Dropdown selection control for choosing from a list of options
- [Separator](https://cubby-ui.dev/docs/components/separator.mdx): Visual divider for separating content sections
- [Sheet](https://cubby-ui.dev/docs/components/sheet.mdx): Sliding panel from screen edge for navigation, forms, or content
- [Skeleton](https://cubby-ui.dev/docs/components/skeleton.mdx): Placeholder loading state showing content structure before it loads
- [Slider](https://cubby-ui.dev/docs/components/slider.mdx): Interactive control for selecting a value or range from a continuous scale
- [Switch](https://cubby-ui.dev/docs/components/switch.mdx): Toggle control for binary on/off states with smooth animations
- [Table](https://cubby-ui.dev/docs/components/table.mdx): Organized display of data in rows and columns with customizable styling
- [Tabs](https://cubby-ui.dev/docs/components/tabs.mdx): Organize content into multiple panels with tab navigation
- [Textarea](https://cubby-ui.dev/docs/components/textarea.mdx): Multi-line text input for longer form content
- [Timeline](https://cubby-ui.dev/docs/components/timeline.mdx): Display events in chronological order with visual connection
- [Toast](https://cubby-ui.dev/docs/components/toast.mdx): Brief notification message that appears temporarily
- [Toggle Group](https://cubby-ui.dev/docs/components/toggle-group.mdx): Group of toggle buttons for selecting one or multiple options
- [Toggle](https://cubby-ui.dev/docs/components/toggle.mdx): Two-state button for toggling between on and off
- [Toolbar](https://cubby-ui.dev/docs/components/toolbar.mdx): Container for grouping related actions and controls
- [Tooltip](https://cubby-ui.dev/docs/components/tooltip.mdx): Contextual information that appears on hover or focus
- [Tree](https://cubby-ui.dev/docs/components/tree.mdx): A hierarchical tree view component with support for selection, expansion, checkboxes, and keyboard navigation.

## Hooks

- [useFuzzyFilter](https://cubby-ui.dev/docs/hooks/use-fuzzy-filter.mdx): Fuzzy matching hook for filtering and sorting items by relevance
- [useListVirtualizer](https://cubby-ui.dev/docs/hooks/use-list-virtualizer.mdx): Virtualization hook for rendering large lists efficiently

## Utilities

- [highlightText](https://cubby-ui.dev/docs/utils/highlight-text.mdx): Utility function to highlight matching text portions in search results

## Optional

- [Complete Documentation](https://cubby-ui.dev/llms-full.txt): Full documentation content for all pages combined