@tailgrids

Fully accessible accordion component with multiple style variants

A component to display important messages to the user, with support for different variants.

A modal dialog that interrupts the user with important content and expects a response.

Aspect ratio component to maintain the aspect ratio of an element.

An image element with a fallback for representing a user.

Badge component with multiple colors, sizes, and support for prefix/suffix icons.

Breadcrumbs component with multiple variants and support for icons.

Button component with multiple variants, sizes, and support for icons.

A component with multiple buttons grouped together.

A calendar component with internationalization support.

A card component with ultimate flexibility and customization.

A powerful, flexible carousel component built with Embla Carousel.

A chart component with multiple variants.

A checkbox component with label and multiple states.

A high-performance context menu component that appears when triggered by a right-click or long-press.

A context menu component with multiple variants.

A combobox component with multiple variants.

A command menu component with multiple variants.

A React date field component that lets users input a date.

A component to select a date.

A description component that provides additional context or instructions for form fields.

A dialog component that display a modal overlay above the main page content.

A drawer component that slides in from the edge of the screen, typically used for navigation or displaying additional content.

A dropdown component with multiple variants and support for icons.

A collection of components for building accessible and flexible form fields.

A hover card component that displays information when the user hovers over an element.

An input component with multiple variants and support for icons.

A flexible and accessible input group component that allows you to combine multiple input elements, such as text inputs, buttons, and icons, into a single cohe…

A label component for form fields.

A link component with multiple variants.

A list component with multiple variants.

A responsive menu bar component that provides a horizontal row of menu triggers, each opening a dropdown menu.

A native select component with multiple variants.

A navigation menu component that provides a clear visual structure for the primary links of a website or application.

A component for entering numeric values with increment and decrement buttons.

A component for entering one-time passwords.

A component for displaying content in a floating container.

A component for navigating between pages.

A popover component that displays content in a floating container.

A progress bar component with multiple variants.

A radio button component with label and multiple states.

A calendar component for selecting a range of dates.

Accessible resizable panel groups and layouts with keyboard support.

A scroll area component to add scrollbars to an element.

A select component with multiple variants.

A separator component to separate content.

A sheet component that slides in from the edge of the screen, typically used for navigation or displaying additional content.

A reusable, responsive, and accessible sidebar component.

A component to indicate a loading state.

A slider component to select a value from a range.

A button component for social media actions.

A spinner component to indicate a loading state.

A table component with multiple variants.

A tabs component with multiple variants.

A multiline text input component.

A wrapper for text inputs.

A segment-based time input component.

A component to select a time.

A toast component for displaying notifications.

A toggle switch component.