An open-source registry of accessible React components built on Base UI and Tailwind CSS v4. Install with one command, then own the source.
A vertically stacked set of interactive headings that reveal or hide associated content.
A callout that displays a short, important message to attract attention.
A modal dialog that interrupts the user with important content and expects a response.
A stepped questionnaire with single- or multi-select options, free-form answers, and skip.
A component that maintains a consistent width-to-height ratio.
A card for files and images with upload, processing, error, and done states, an optional full-card trigger, and a scrollable group.
An input that suggests matching values while typing.
An image element with a fallback for representing the user.
A small status indicator for labelling and categorising items.
A compact comparison list that visualises values as horizontal bars.
Blode UI design-system base built on Base UI.
A navigation aid that shows the current page location within a hierarchy.
A message surface for chat interfaces, with variants, alignment, reactions, and composable content.
An interactive element that triggers an action when clicked.
A container that groups related buttons together with shared styling.
A date field component that allows users to pick dates.
A container for grouping related content and actions.
A slideshow component for cycling through a set of content.
A chat transcript entry for user and assistant messages, with attachments and a hover meta row.
A control that allows the user to toggle between checked and unchecked states.
A grouped set of related checkboxes managed with shared state.
A circular indicator that shows the progress of a task.
An interactive component that expands and collapses a panel of content.
An autocomplete input that combines a text field with a filterable dropdown list.
A command palette for fast, keyboard-driven searching and navigation.
A menu that appears on right-click, providing contextual actions.
A button that copies text to the clipboard with animated feedback.
A formatted input field for entering monetary values.
A modal window that overlays the main content and requires user interaction.
A context provider for managing text direction (LTR/RTL) across components.
A panel that slides in from the edge of the screen.
A menu that opens from a trigger button, displaying a list of actions.
A placeholder displayed when there is no content or data to show.
A form field wrapper that pairs a label, input, and helper text.
A square preview tile for an attached file — an image thumbnail or a file icon with name.
A form component with validation powered by React Hook Form and Zod.
A popup card that appears when hovering over a trigger element.
A text input field for capturing user data.
A wrapper that combines an input with addons like icons or buttons.
A chat composer with an auto-resizing textarea, action slots, a send button, and drag-and-drop attachments.
A one-time password input with individual character fields.
A flexible list item component for menus, settings, and data rows.
A styled keyboard key indicator for displaying shortcuts and key combinations.
An accessible label that associates text with a form control.
A compact inline status line for activity feeds and transcripts, with optional icon, separator, and border variants.
A horizontal menu bar with dropdown menus, commonly used for application navigation.
A row primitive for chat transcripts, pairing an avatar with content, header, and footer, aligned to the start or end.
A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.