@nessra-ui

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

Displays a card with header, content, and footer.

Displays a form input field.

Renders an accessible label associated with controls.

Form field components for building accessible forms with TanStack Form.

Displays a form textarea.

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

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

A control that allows the user to toggle between on and off.

A window overlaid on the primary window.

A modal dialog that interrupts the user with important content.

Displays a menu to the user with a list of actions or options.

A set of layered sections of content, known as tab panels.

A vertically stacked set of interactive headings.

An image element with a fallback for representing the user.

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

Visually separates content.

A popup that displays information related to an element.

An interactive component which expands/collapses a panel.

Display code with syntax highlighting powered by Shiki.

Displays a callout for user attention.

Displays an indicator showing the completion progress of a task.

Extends the Dialog component to display content that complements the main content of the screen.

An opinionated toast component for React.

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

Use to show a placeholder while content is loading.

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

Augments native scroll functionality for custom, cross-browser styling.

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

A two-state button that can be either on or off.

Displays content within a desired ratio.

For sighted users to preview content available behind a link.

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

Pagination with page navigation, next and previous links.

A responsive table component for displaying data.

An input for entering multiple tags with keyboard support.

A command menu with search and keyboard navigation.

A button that copies text to the clipboard with visual feedback.

A drawer component for mobile-friendly navigation and content.

A date field component that allows users to enter and edit date.

A date picker component with range and presets.

A powerful data table with sorting, filtering, pagination, row selection and faceted filters.

A loading indicator for asynchronous operations.

Display an empty state when no data is available.

Styled text components for headings, paragraphs, lists, and more.

A set of two-state buttons that can be toggled on or off.

Groups related buttons together with consistent styling.

Combine labels, controls, and help text to compose accessible form fields.

Add addons, buttons, and helper content to inputs.

An autocomplete input with a dropdown list of suggestions.

A composable, themeable and customizable sidebar component.

Accessible one-time password input with copy/paste support.

A numeric input with increment and decrement buttons.

Beautiful and responsive charts built with Recharts.

Display key metrics and KPIs with value, label, icon and trend indicator.

A dashboard page with KPI stat cards, overview chart placeholder and recent sales list.

A complete sign in page with email and password validation.

A complete signup page with name, email, password and confirmation.