Components

A layout component that wraps content with a max-width and centers it horizontally. Provides cons...

A layout component using CSS columns for flowing content across multiple columns. Content flows n...

A layout component using CSS Grid for explicit column layouts. Each child element occupies a grid...

Resizable layout component with draggable dividers for creating adjustable panel layouts. Support...

A flexible container component for grouping related content. Supports multiple variants including...

A visual separator for content sections. Supports horizontal and vertical orientations, solid/das...

A flexible layout component for stacking elements vertically or horizontally with configurable ga...

CSS column-based masonry layout with responsive column adjustment. Content flows into columns nat...

Collapsible application sidebar with sections, nested items, icons, badges, and responsive behavi...

Responsive navigation bar with mobile hamburger menu, dark mode support, and optional sticky scro...

Accessible tabbed interface for organizing content into panels. Available in multiple visual styl...

Rounded pill/chip buttons for filtering and category selection. Supports active/inactive states a...

A large dropdown navigation menu that reveals multi-column link groups on hover or click. Support...

A fully accessible dropdown menu component built with Stimulus and Tailwind CSS. Supports custom ...

Navigation trail showing page hierarchy. Supports separator customization, collapsible middle ite...

Page navigation component for data sets. Supports numbered pages with ellipsis gaps, simple prev/...

Keyboard-first command palette for quick navigation. Supports fuzzy search, keyboard navigation, ...

Multi-step progress indicator for wizards, checkout flows, and onboarding. Supports click to navi...

Hierarchical data display with expandable/collapsible nodes, icons, checkbox selection, and keybo...

A floating button that appears when the user scrolls past a configurable threshold, allowing them...

Syntax-highlighted code display with optional filename header and copy-to-clipboard functionality.

Display key metrics and statistics in a compact card format. Includes label, value, and optional ...

Copy-to-clipboard component with multiple variants for different use cases. Supports button, inli...

Semantic description list for displaying key-value pairs. Available in stacked, horizontal, and s...

Expandable content sections for organizing information. Available in basic (single open), always-...

User or entity representation with image, initials fallback, and optional status indicator. Inclu...

A flexible data table component with composable features. Supports pagination, sorting, filtering...

A responsive carousel/slider component with arrow navigation, pagination dots, touch/swipe suppor...

Drag-and-drop reorderable list and kanban board using the native HTML Drag and Drop API with Stim...

A drag-and-drop kanban board for project management and task tracking. Supports multiple columns ...

Chronological event display with icons, timestamps, and content slots. Vertical style stacks even...

Interactive calendar component for date display and selection. Supports month navigation, event d...

Automatically loads more content when scrolling near the bottom of a container. Works naturally w...

Animated countdown timer that ticks down to a target date. Simple style displays plain numbers wi...

Conversational message display with sender alignment, avatars, and timestamps. Rounded style mimi...

Pricing plans display with monthly/yearly toggle. Available as side-by-side cards or feature comp...

Loading indicator component with circular, dots, and bar variants. Pure CSS animations — no JavaS...

A small status indicator component with multiple color variants. Perfect for showing statuses, la...

A notification component for displaying important messages to users. Supports success, error, war...

A loading placeholder component with three shape variants. Uses pulse animation to indicate loadi...

A horizontal progress indicator for showing completion status. Supports determinate (percentage) ...

Stackable notification toasts and flash message banners for user feedback. Supports success, erro...

Display a friendly message when content is empty or missing. Includes icon, title, description, a...

Persistent announcement bar for important messages, promotions, or warnings. Supports dismiss wit...

Contextual tooltips for displaying additional information on hover or click. Supports multiple pl...

Accessible modal dialogs with backdrop, focus trapping, and smooth animations. Available in defau...

A panel that slides in from the screen edge for secondary content, forms, or detail views. Includ...

Bell icon notification panel with badge count, read/unread states, and mark-as-read functionality...

Fullscreen image overlay with keyboard navigation and touch support. Available as a single-image ...

Rich content overlay triggered by click or hover. Unlike Tooltip (hover, text-only), Popover hold...

Right-click context menu with items, submenus, dividers, and keyboard shortcut display. Provides ...

A versatile button component with multiple variants (primary, secondary, ghost) and sizes (sm, md...

A versatile text input component with label, hint text, and error states. Supports both form buil...

A multi-line text input component with optional auto-resize functionality. Supports both form bui...

A native select dropdown component with label, hint text, and error states. Supports both form bu...

A single checkbox input with label and optional description text. Supports both form builder mode...

A group of radio button inputs for selecting a single option from multiple choices. Supports both...

A group of checkbox inputs for selecting multiple options from a list. Supports both form builder...

A row of toggle buttons for switching between views, filters, or modes. Supports single-select (r...

A toggle switch control for boolean on/off states. Supports both form builder mode (with Rails fo...

A text input with optional prefix and suffix addons for icons, text, or buttons. Supports both fo...

A drag-and-drop file upload component with preview support. Supports both form builder mode (with...

A searchable select dropdown component with keyboard navigation. Supports both form builder mode ...

Numeric input with increment/decrement buttons, min/max constraints, and step size. Provides a be...

Numeric value selection via draggable handle. Supports single value and range (two handles) modes...

Series of single-character inputs for verification codes and OTP entry. Auto-advances focus on en...

Text input that creates removable tags/chips as values are entered. Supports validation, max tags...

Star (or custom icon) rating input. Supports half-star precision, read-only display mode, and cus...

A password input with visibility toggle, strength meter, and requirements checklist. Features an ...

Searchable dropdown that allows selecting multiple values, displayed as removable tags/chips in t...

A contenteditable rich text editor with toolbar for formatting text. Available in basic and full ...

A textarea with inline mention support. Type a trigger character (default "@") to open a filterab...

International phone number input with country selector dropdown, flag emojis, and dial codes. Fea...

Canvas-based signature capture with mouse and touch support. Exports signature as base64 PNG to a...

Formatted currency input with symbol addon, automatic thousand separators, and decimal formatting...

Click-to-edit inline editing component with text, textarea, and select styles. Supports auto-save...

Color selection input with hue/saturation pad, sliders, preset swatches, and hex/rgb input. Suppo...

A date selection component with calendar dropdown. Supports single date and date range selection ...