# HextaUI - Modern UI Component Library # https://hextaui.com llms.txt ## Overview - [HextaUI Website](https://hextaui.com/): Create stunning websites quickly with customizable UI components. - [HextaUI Introduction](https://hextaui.com/docs/ui/getting-started/introduction): Build modern websites quickly with customizable UI components. - [HextaUI Showcase](https://hextaui.com/showcase): Discover HextaUI Blocks for faster website building. - [HextaUI Sponsors](https://hextaui.com/sponsors): Find sponsors and support for HextaUI projects. ## Getting Started & Installation - [HextaUI Installation Guide](https://hextaui.com/docs/ui/getting-started/installation): Learn to install HextaUI in your Next.js project quickly. - [HextaUI Next.js Setup](https://hextaui.com/docs/ui/installation/nextjs): Install and set up HextaUI in Next.js projects easily. - [HextaUI Vite Installation](https://hextaui.com/docs/ui/installation/vite): Install and set up HextaUI in Vite projects easily. - [HextaUI Astro Installation](https://hextaui.com/docs/ui/installation/astro): Install and set up HextaUI in your Astro project. - [HextaUI Roadmap Overview](https://hextaui.com/docs/ui/getting-started/roadmap): Explore HextaUI's roadmap, achievements, and future plans. - [HextaUI Changelog](https://hextaui.com/docs/ui/getting-started/changelog): Latest updates and improvements for HextaUI project. ## Foundation & Theming - [HextaUI Components](https://hextaui.com/docs/ui/foundation/components): Explore HextaUI's extensive library of UI components. - [HextaUI Base Components](https://hextaui.com/docs/ui/everything-by-hextaui/base-components): Discover HextaUI's customizable base components for web development. - [HextaUI Theming Guide](https://hextaui.com/docs/ui/foundation/theming): Customize HextaUI components' appearance with themes and colors. - [HextaUI Color Palette](https://hextaui.com/docs/ui/foundation/colors): Explore HextaUI's consistent color palette for components. ## Foundation/Primitive Components - [Button Component Guide](https://hextaui.com/docs/ui/components/button): Explore various button styles, states, and usage examples. - [Input Component Overview](https://hextaui.com/docs/ui/components/input): Input component with features like password toggle and validation. - [Enhanced Textarea Component](https://hextaui.com/docs/ui/components/textarea): Multi-line text input with clearable, auto-resizing features. - [Checkbox Component](https://hextaui.com/docs/ui/components/checkbox): Customizable checkbox component with various states and usage examples. - [Customizable Radio Group](https://hextaui.com/docs/ui/components/radio): Customizable radio group component with flexible layouts and animations. - [Switch Component](https://hextaui.com/docs/ui/components/switch): Toggle between checked and unchecked states with animations. - [Toggle Component](https://hextaui.com/docs/ui/components/toggle): A toggle component for on/off states with variants. - [Select Component](https://hextaui.com/docs/ui/components/select): Comprehensive select component with icons and animations support. - [Styled Form Labels](https://hextaui.com/docs/ui/components/label): Label component for forms with styling and accessibility features. - [Input OTP Component](https://hextaui.com/docs/ui/components/input-otp): Customizable one-time password input component for web applications. - [Tag Input Component](https://hextaui.com/docs/ui/components/tag-input): Flexible tag input component for managing multiple tags easily. - [File Upload Component](https://hextaui.com/docs/ui/components/file-upload): Versatile file upload component with drag-and-drop support. - [Customizable Slider Component](https://hextaui.com/docs/ui/components/slider): Customizable slider component for numeric value selection. - [Color Picker Component](https://hextaui.com/docs/ui/components/color-picker): Comprehensive color picker component with multiple input methods. - [Card Component](https://hextaui.com/docs/ui/components/card): Flexible card component for displaying content effectively. - [Responsive Data Table](https://hextaui.com/docs/ui/components/table): Feature-rich data table component with sorting and filtering. - [Badge Component Overview](https://hextaui.com/docs/ui/components/badge): Versatile badge component for displaying various statuses and labels. - [HextaUI Avatar Component](https://hextaui.com/docs/ui/components/avatar): Explore HextaUI's Avatar component for user representation. - [Chip Component Overview](https://hextaui.com/docs/ui/components/chip): Interactive chip component for status, categories, and filters. - [Keyboard Shortcuts Component](https://hextaui.com/docs/ui/components/kbd): Keyboard key component for shortcuts and key combinations. - [Progress Component](https://hextaui.com/docs/ui/components/progress): Versatile progress component for tracking loading and completion states. - [Loader Component](https://hextaui.com/docs/ui/components/loader): Elegant loading spinner component with various sizes and colors. - [Skeleton Component Guide](https://hextaui.com/docs/ui/components/skeleton): Use Skeleton components to enhance loading states visually. - [Tooltip Component](https://hextaui.com/docs/ui/components/tooltip): Interactive tooltip component for displaying contextual information. - [HextaUI Navigation Menu](https://hextaui.com/docs/ui/components/navigation-menu): Explore HextaUI's navigation menu for efficient website navigation. - [Breadcrumb Navigation Guide](https://hextaui.com/docs/ui/components/breadcrumb): A comprehensive guide to implementing breadcrumb navigation. - [HextaUI Tabs Component](https://hextaui.com/docs/ui/components/tabs): Explore HextaUI Tabs for modern, animated content sections. - [Pagination Component](https://hextaui.com/docs/ui/components/pagination): Efficiently navigate through multiple pages with pagination controls. - [Menubar Component](https://hextaui.com/docs/ui/components/menubar): A horizontal menu bar component for navigation and actions. - [Command Menu](https://hextaui.com/docs/ui/components/command-menu): Command palette component for quick actions and navigation. - [Accordion Component](https://hextaui.com/docs/ui/components/accordion): Interactive accordion component for organizing content efficiently. - [Separator Component](https://hextaui.com/docs/ui/components/separator): A versatile separator component for visually dividing content. - [Customizable Sidebar Component](https://hextaui.com/docs/ui/components/sidebar): Explore a customizable sidebar component for web applications. - [Resizable Panel Components](https://hextaui.com/docs/ui/components/resizable): Create resizable panel groups and layouts easily. - [Custom Scroll Area](https://hextaui.com/docs/ui/components/scroll-area): Customizable scroll area component with smooth scrolling features. - [Tree View Component](https://hextaui.com/docs/ui/components/tree): Flexible tree view component with collapsible nodes and animations. - [Modal Component](https://hextaui.com/docs/ui/components/modal): Accessible modal component with smooth animations and examples. - [Customizable Drawer Component](https://hextaui.com/docs/ui/components/drawer): Customizable drawer component with smooth animations and flexible positioning. - [Dropdown Menu Component](https://hextaui.com/docs/ui/components/dropdown-menu): Explore a versatile dropdown menu component with accessibility. - [Toast Notifications](https://hextaui.com/docs/ui/components/toast): Customizable toast notifications for web applications with examples. - [Alert Component](https://hextaui.com/docs/ui/components/alert): Versatile alert component for notifications and important messages. - [Calendar Component](https://hextaui.com/docs/ui/components/calendar): Comprehensive calendar component for date selection and management. - [Date Picker Component](https://hextaui.com/docs/ui/components/date-picker): Flexible date picker component for single and range selection. - [Video Player Component](https://hextaui.com/docs/ui/components/video-player): Customizable video player with full controls and shortcuts. - [Scrolling Marquee Component](https://hextaui.com/docs/ui/components/marquee): Smooth scrolling marquee component for continuous content display. ## OG Blocks - Animation Effects - [HextaUI Blocks Overview](https://hextaui.com/docs/og-blocks/all-blocks): Explore reusable and customizable HextaUI blocks for projects. - [Animated Cursor Component](https://hextaui.com/docs/og-blocks/animation/cursor): Animated cursor component for smooth mouse pointer tracking. - [Infinite Text Marquee](https://hextaui.com/docs/og-blocks/animation/infinite-text-marquee): Create an infinite text scrolling effect with HextaUI. - [Particle Animation Guide](https://hextaui.com/docs/og-blocks/animation/particle): Create interactive particle animations for web applications. - [Spotlight Card Animation](https://hextaui.com/docs/og-blocks/animation/spotlight-card): Create spotlight effect on hover for card components. - [Gradient Beam Animation](https://hextaui.com/docs/og-blocks/animation/gradient-beam): Animated gradient beam component for web development projects. ## OG Blocks - Text Effects - [Animated Underline Component](https://hextaui.com/docs/og-blocks/text/animated-underline): Add animated underline effects to your text components easily. - [Staggered Blur Effect](https://hextaui.com/docs/og-blocks/text/blurred-stagger): Create staggered blur effects for text elements easily. - [Shining Text Effect](https://hextaui.com/docs/og-blocks/text/shining-text): Create captivating shining text animations for websites. - [Typewriter Text Animation](https://hextaui.com/docs/og-blocks/text/typewriter): Create typewriter text animations easily with HextaUI. ## OG Blocks - Application Components - [Expandable Tabs Component](https://hextaui.com/docs/og-blocks/application/expandable-tabs): Create expandable tabs with smooth transitions for websites. - [Post Card Component](https://hextaui.com/docs/og-blocks/application/post-card): Create social media post cards effortlessly with HextaUI. - [Animated Dock Component](https://hextaui.com/docs/og-blocks/application/animated-dock): Create animated docks with hover effects for icons. ## Site Resources - [Hextaui UI Components](https://hextaui.com/sitemap-0.xml): Explore Hextaui's comprehensive UI components and animations. - [Hextaui Sitemap](https://hextaui.com/sitemap.xml): Comprehensive sitemap for Hextaui website navigation.