Components - HextaUI

Accordion - A vertically stacked set of interactive headings that each reveal an associated section of content.
Alert - A versatile alert component for displaying important messages, notifications, and status updates.
Avatar - An image element with a fallback for representing the user.
Badge - A versatile badge component for displaying status, labels, or categories.
Breadcrumb - A navigation aid that shows users their current location within a website or application hierarchy.
Button - Displays a button component with various styles and states.
Calendar - A comprehensive calendar component for date selection with support for single dates, date ranges, and multiple date selection.
Card - A flexible container component for displaying content in a card layout with header, content, and footer sections.
Checkbox - A customizable checkbox component with smooth animations and multiple states.
Chip - A compact, interactive element for displaying status, categories, or filters with optional icons and dismissible functionality.
Color Picker - A comprehensive color picker component for selecting colors with multiple input methods and presets.
Command Menu - A command palette component with keyboard navigation, search, and shortcuts for quick actions and navigation.
Date Picker - A flexible date picker component with single date and date range selection modes, built with accessibility and responsive design in mind.
Drawer - A customizable drawer component built on top of Vaul with smooth animations and flexible positioning.
Dropdown Menu - A versatile dropdown menu component with animations, multiple variants, and full accessibility support.
File Upload - A versatile file upload component with drag and drop support, progress tracking, and customizable styling.
Input - Displays a form input field with enhanced features like password visibility toggle, clearable functionality, and Zod validation support.
Input OTP - A flexible and accessible one-time password input component with customizable slots, patterns, and animations.
Kbd - A keyboard key component for displaying keyboard shortcuts and key combinations.
Label - Displays a label element with enhanced styling and accessibility features for form controls.
Loader - A simple and elegant loading spinner component with multiple sizes and color variants.
Marquee - A smooth scrolling marquee component for displaying continuous content.
Menubar - A horizontal menu bar component for navigation and actions.
Modal - A simple and accessible modal dialog component with smooth animations.
Navigation Menu - Navigation menus are used to display a list of links or actions, typically in a horizontal or vertical layout.
Pagination - Navigation component for splitting content across multiple pages with previous/next controls and page numbers.
Progress - A versatile progress component for displaying completion status, loading states, and step-by-step processes.
Radio - A customizable radio group component with smooth animations and flexible layouts.
Resizable - Accessible resizable panel groups and layouts.
Scroll Area - A customizable scroll area component with smooth scrolling and accessible scrollbars.
Select - A comprehensive select component with support for single selection, icons, and animations.
Separator - A separator component for dividing content visually.
Sidebar - A flexible and responsive sidebar component with animations, collapsible behavior, and comprehensive customization options.
Skeleton - Display placeholder content while loading to improve perceived performance.
Slider - A customizable range input component for selecting numeric values with multiple variants and sizes.
Switch - A control that allows the user to toggle between checked and not checked with smooth animations and multiple variants.
Table - A responsive and feature-rich data table component with sorting, filtering, pagination, and customizable rendering.
Tabs - A set of layered sections of content with smooth animations and modern styling.
Textarea - Displays a multi-line text input field with enhanced features like clearable functionality, auto-resizing, and Zod validation support.
Toast - A flexible toast notification component built on top of Sonner with customizable styling and comprehensive functionality.
Toggle - A two-state button that can be either on or off with smooth transitions and multiple variants.
Tooltip - A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Tree - A flexible tree view component with collapsible nodes, selection, and animations.
Video Player - A modern, customizable video player component with full controls and keyboard shortcuts.