Component Registry

Terraces UI

Browse and preview all available UI components. Each component is interactive, themeable, and built with Radix UI + Tailwind CSS.

Inputs4

Displays a button or a component that looks like a button.

Groups related buttons together.

A two-state button that can toggle on or off.

A set of toggleable buttons.

Data Entry15

A date field component that allows date selection.

A control that allows the user to toggle between checked and not checked.

Autocomplete input and command palette with a filterable list.

A flexible form field wrapper with label, description, and content.

Form components with react-hook-form integration.

Displays a form input field.

Groups input with addons, buttons, and text.

Accessible one-time password component.

Renders an accessible label for controls.

A styled native HTML select element.

A set of checkable buttons where only one can be checked.

Displays a list of options for the user to pick from.

An input where the user selects a value from a range.

A control that allows the user to toggle between two states.

Displays a form textarea.

Display10

A vertically stacked set of interactive headings that reveal content.

An image element with a fallback for representing the user.

Displays a badge or a component that looks like a badge.

Displays a card with header, content, and footer.

A set of slides that can be cycled through.

Beautiful and responsive charts using Recharts.

An interactive component which expands/collapses content.

A versatile list item component.

Displays keyboard key or shortcut.

A responsive table component.

Feedback6

Displays a callout for user attention.

Placeholder for empty states.

Displays an indicator showing completion progress.

Used to show a placeholder while content is loading.

An opinionated toast component.

A loading spinner indicator.

Layout4

Displays content within a desired ratio.

Accessible resizable panel groups and layouts.

Augments native scroll with custom styling.

Visually or semantically separates content.

Navigation6

Displays the path to the current resource using a hierarchy of links.

A visually persistent menu common in desktop applications.

Navigation Menu

A collection of links for navigating websites.

Pagination with page navigation, previous and next links.

A composable, themeable sidebar component.

A set of layered sections of content.

Overlay10

A modal dialog that interrupts the user with important content.

Fast, composable, unstyled command menu.

Displays a menu at the pointer position on right-click.

A window overlaid on the primary window.

A panel that slides out from the edge of the screen.

Displays a menu of actions/options triggered by a button.

For sighted users to preview content behind a link.

Displays rich content in a portal, triggered by a button.

Extends the Dialog to display complementary content.

A popup that displays information on hover.

Blocks4

A voice AI interface with real-time audio visualization and waveform rendering.

A conversational AI interface with chat, model selection, and project management.

A deployment dashboard with analytics, billing, and observability.

A code collaboration interface with repositories, issues, and contributions.