@hextaui
A shadcn/ui extension registry with 139 items spanning the full primitive set (Accordion through Tooltip, plus Button Group, Command Menu, Empty, Field, Input Group, Spinner, Video Player, Native Select, and Tree) and large suites of AI chat components (14: AI Chat History, Citations, File Upload, Model Selector, Streaming Response, Thinking, etc.), Auth flows (15: Login, Signup, OTP, Social, Magic Link, Recovery Codes), Billing blocks (14: Pricing Table, Invoice List, Payment Form, Subscription Card), Settings panels (17), Team views (12), and Task management blocks (7). Tailwind CSS, shadcn-compatible. Free. Use for: scaffolding complete SaaS application UI sections — especially auth, billing, team management, and AI chat — with production-quality blocks.
Install this registry
npx shadcn@latest add https://hextaui.com/r/registry.json pnpm dlx shadcn@latest add https://hextaui.com/r/registry.json bunx shadcn@latest add https://hextaui.com/r/registry.json curl -s https://hextaui.com/r/registry.json Components
139 totalExpands to show or hide content.
npx shadcn@latest add https://hextaui.com/r/accordion.json Displays a status or message banner.
npx shadcn@latest add https://hextaui.com/r/alert.json Modal dialog for important actions or decisions.
npx shadcn@latest add https://hextaui.com/r/alert-dialog.json Maintains a fixed ratio for child content.
npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json Shows an image or initials for a user/object.
npx shadcn@latest add https://hextaui.com/r/avatar.json Small badge for counts or indicators.
npx shadcn@latest add https://hextaui.com/r/badge.json Displays navigation path as links.
npx shadcn@latest add https://hextaui.com/r/breadcrumb.json Clickable button for actions.
npx shadcn@latest add https://hextaui.com/r/button.json Groups multiple buttons in a row.
npx shadcn@latest add https://hextaui.com/r/button-group.json Grid to display days and dates.
npx shadcn@latest add https://hextaui.com/r/calendar.json Container with header, content, and footer sections.
npx shadcn@latest add https://hextaui.com/r/card.json Rotates or slides multiple items.
npx shadcn@latest add https://hextaui.com/r/carousel.json Box for selecting true or false.
npx shadcn@latest add https://hextaui.com/r/checkbox.json Panel that expands and collapses.
npx shadcn@latest add https://hextaui.com/r/collapsible.json Popup menu for running commands.
npx shadcn@latest add https://hextaui.com/r/command-menu.json Menu that appears on right-click or action.
npx shadcn@latest add https://hextaui.com/r/context-menu.json Modal overlay for dialogs and forms.
npx shadcn@latest add https://hextaui.com/r/dialog.json Drawer panel that slides in from edge.
npx shadcn@latest add https://hextaui.com/r/drawer.json Menu that opens with a trigger control.
npx shadcn@latest add https://hextaui.com/r/dropdown-menu.json Graphic placeholder for empty states.
npx shadcn@latest add https://hextaui.com/r/empty.json Field layout with label and help.
npx shadcn@latest add https://hextaui.com/r/field.json Card that appears on hover.
npx shadcn@latest add https://hextaui.com/r/hover-card.json Single-line text input.
npx shadcn@latest add https://hextaui.com/r/input.json Combines inputs and add-ons in a row.
npx shadcn@latest add https://hextaui.com/r/input-group.json Inputs for one-time code entry.
npx shadcn@latest add https://hextaui.com/r/input-otp.json List item component with actions.
npx shadcn@latest add https://hextaui.com/r/item.json Label for form input.
npx shadcn@latest add https://hextaui.com/r/label.json Horizontal menu bar for navigation.
npx shadcn@latest add https://hextaui.com/r/menubar.json A collection of links for navigating websites.
npx shadcn@latest add https://hextaui.com/r/navigation-menu.json Controls for paging through content.
npx shadcn@latest add https://hextaui.com/r/pagination.json Floating panel for additional content.
npx shadcn@latest add https://hextaui.com/r/popover.json Linear progress indicator.
npx shadcn@latest add https://hextaui.com/r/progress.json Group of choices where only one can be selected.
npx shadcn@latest add https://hextaui.com/r/radio-group.json Container that users can resize.
npx shadcn@latest add https://hextaui.com/r/resizable.json Scrollable area for overflowing content.
npx shadcn@latest add https://hextaui.com/r/scroll-area.json A collapsible sidebar component for navigation.
npx shadcn@latest add https://hextaui.com/r/sidebar.json Custom dropdown select input.
npx shadcn@latest add https://hextaui.com/r/select.json Horizontal or vertical dividing line.
npx shadcn@latest add https://hextaui.com/r/separator.json Drawer panel that slides in from edge.
npx shadcn@latest add https://hextaui.com/r/sheet.json Shimmer effect placeholder preview.
npx shadcn@latest add https://hextaui.com/r/skeleton.json Draggable control for selecting a value.
npx shadcn@latest add https://hextaui.com/r/slider.json Displays toast notifications.
npx shadcn@latest add https://hextaui.com/r/sonner.json Circular activity indicator.
npx shadcn@latest add https://hextaui.com/r/spinner.json Toggle to switch between states.
npx shadcn@latest add https://hextaui.com/r/switch.json Displays data in rows and columns.
npx shadcn@latest add https://hextaui.com/r/table.json Switches views using tabbed buttons.
npx shadcn@latest add https://hextaui.com/r/tabs.json Multi-line text input.
npx shadcn@latest add https://hextaui.com/r/textarea.json Pressable toggle button.
npx shadcn@latest add https://hextaui.com/r/toggle.json Groups multiple toggle buttons.
npx shadcn@latest add https://hextaui.com/r/toggle-group.json Shows info on hover or focus.
npx shadcn@latest add https://hextaui.com/r/tooltip.json Renders keyboard key appearance.
npx shadcn@latest add https://hextaui.com/r/kbd.json Dropdown using the native select element.
npx shadcn@latest add https://hextaui.com/r/native-select.json Hierarchical collapsible structure.
npx shadcn@latest add https://hextaui.com/r/tree.json Video playback with controls.
npx shadcn@latest add https://hextaui.com/r/video-player.json Display and manage conversation history with search and filtering.
npx shadcn@latest add https://hextaui.com/r/ai-chat-history.json Display citations and sources with collapsible source previews.
npx shadcn@latest add https://hextaui.com/r/ai-citations.json Display AI conversation messages with streaming support.
npx shadcn@latest add https://hextaui.com/r/ai-conversation.json Display and handle AI errors with retry functionality.
npx shadcn@latest add https://hextaui.com/r/ai-error-handler.json Upload files for AI analysis with drag and drop support.
npx shadcn@latest add https://hextaui.com/r/ai-file-upload.json Display AI messages with markdown support and code highlighting.
npx shadcn@latest add https://hextaui.com/r/ai-message.json Select AI models from different providers with search.
npx shadcn@latest add https://hextaui.com/r/ai-model-selector.json Input component for AI prompts with context selection and options.
npx shadcn@latest add https://hextaui.com/r/ai-prompt-input.json Browse and use pre-built prompt templates with variables.
npx shadcn@latest add https://hextaui.com/r/ai-prompt-templates.json Configure AI model parameters and behavior settings.
npx shadcn@latest add https://hextaui.com/r/ai-settings-panel.json Display streaming AI responses with token-by-token animation.
npx shadcn@latest add https://hextaui.com/r/ai-streaming-response.json Display suggested prompts with categories and search.
npx shadcn@latest add https://hextaui.com/r/ai-suggested-prompts.json Display AI thinking process with animated scrolling content.
npx shadcn@latest add https://hextaui.com/r/ai-thinking.json Display AI usage statistics, rate limits, and quota information.
npx shadcn@latest add https://hextaui.com/r/ai-usage-quota.json Delete account with password confirmation and data loss acknowledgment.
npx shadcn@latest add https://hextaui.com/r/auth-account-delete.json Change password with current and new password fields.
npx shadcn@latest add https://hextaui.com/r/auth-change-password.json Change email address with password verification.
npx shadcn@latest add https://hextaui.com/r/auth-email-change.json Request password reset link via email.
npx shadcn@latest add https://hextaui.com/r/auth-forgot-password.json Login form with email/password and social login options.
npx shadcn@latest add https://hextaui.com/r/auth-login-form.json Passwordless authentication via magic link email.
npx shadcn@latest add https://hextaui.com/r/auth-magic-link.json Verify OTP code sent via email, SMS, or WhatsApp.
npx shadcn@latest add https://hextaui.com/r/auth-otp-verify.json Verify phone number with OTP code via SMS.
npx shadcn@latest add https://hextaui.com/r/auth-phone-verify.json Display and manage two-factor authentication recovery codes.
npx shadcn@latest add https://hextaui.com/r/auth-recovery-codes.json Reset password with strength indicator and token validation.
npx shadcn@latest add https://hextaui.com/r/auth-reset-password.json Manage active sessions across devices with revoke functionality.
npx shadcn@latest add https://hextaui.com/r/auth-session-manager.json User registration form with email/password and social signup options.
npx shadcn@latest add https://hextaui.com/r/auth-signup-form.json Manage connected social accounts for authentication.
npx shadcn@latest add https://hextaui.com/r/auth-social-accounts.json Set up two-factor authentication with QR code and backup codes.
npx shadcn@latest add https://hextaui.com/r/auth-two-factor-setup.json Verify two-factor authentication code or recovery code.
npx shadcn@latest add https://hextaui.com/r/auth-two-factor-verify.json Email verification status with resend functionality.
npx shadcn@latest add https://hextaui.com/r/auth-verify-email.json Display transaction history with search, filters, and pagination.
npx shadcn@latest add https://hextaui.com/r/billing-billing-history.json Apply and manage discount coupon codes.
npx shadcn@latest add https://hextaui.com/r/billing-coupon-code.json Detailed invoice view in a sheet with line items and payment information.
npx shadcn@latest add https://hextaui.com/r/billing-invoice-details.json List of invoices with search, filters, and pagination.
npx shadcn@latest add https://hextaui.com/r/billing-invoice-list.json Display payment failure details with retry and support options.
npx shadcn@latest add https://hextaui.com/r/billing-payment-failed.json Form to add payment methods with card details and billing address.
npx shadcn@latest add https://hextaui.com/r/billing-payment-form.json Manage payment methods with add, edit, delete, and set default options.
npx shadcn@latest add https://hextaui.com/r/billing-payment-method.json View scheduled payments with next payment preview and retry options.
npx shadcn@latest add https://hextaui.com/r/billing-payment-schedule.json Select subscription plans with monthly/annual billing toggle.
npx shadcn@latest add https://hextaui.com/r/billing-plan-selector.json Compare pricing plans in a table format with feature comparison.
npx shadcn@latest add https://hextaui.com/r/billing-pricing-table.json Display current subscription with usage, billing date, and management options.
npx shadcn@latest add https://hextaui.com/r/billing-subscription-card.json Manage subscription settings including pause, cancel, and billing period changes.
npx shadcn@latest add https://hextaui.com/r/billing-subscription-settings.json Prompt users to upgrade their plan with feature highlights.
npx shadcn@latest add https://hextaui.com/r/billing-upgrade-prompt.json Configure and manage usage alerts with notification channels.
npx shadcn@latest add https://hextaui.com/r/billing-usage-alerts.json Display usage statistics with charts, breakdowns, and trend analysis.
npx shadcn@latest add https://hextaui.com/r/billing-usage-billing.json Manage account settings, subscription, and team members.
npx shadcn@latest add https://hextaui.com/r/settings-account.json View account activity and audit trail with search and filters.
npx shadcn@latest add https://hextaui.com/r/settings-activity-log.json Developer tools and experimental features configuration.
npx shadcn@latest add https://hextaui.com/r/settings-advanced.json Manage API keys for programmatic access with scopes and permissions.
npx shadcn@latest add https://hextaui.com/r/settings-api-keys.json Export your data in various formats with category selection.
npx shadcn@latest add https://hextaui.com/r/settings-export-data.json Manage automatic backups and restore your data.
npx shadcn@latest add https://hextaui.com/r/settings-backup.json Manage custom domains and SSL certificates.
npx shadcn@latest add https://hextaui.com/r/settings-domains.json Import data from JSON or CSV files with conflict resolution.
npx shadcn@latest add https://hextaui.com/r/settings-import-data.json Connect and manage third-party integrations.
npx shadcn@latest add https://hextaui.com/r/settings-integrations.json Manage notification preferences and quiet hours.
npx shadcn@latest add https://hextaui.com/r/settings-notifications.json Customize app experience, appearance, and accessibility.
npx shadcn@latest add https://hextaui.com/r/settings-preferences.json Control privacy settings and data sharing preferences.
npx shadcn@latest add https://hextaui.com/r/settings-privacy.json Manage profile information, avatar, and social links.
npx shadcn@latest add https://hextaui.com/r/settings-profile.json Manage account security, 2FA, and active sessions.
npx shadcn@latest add https://hextaui.com/r/settings-security.json Configure SSO providers for your organization.
npx shadcn@latest add https://hextaui.com/r/settings-sso.json Manage storage usage and quotas by category.
npx shadcn@latest add https://hextaui.com/r/settings-storage.json Manage team members, roles, and invitations.
npx shadcn@latest add https://hextaui.com/r/settings-team-members.json Configure webhooks for event notifications and deliveries.
npx shadcn@latest add https://hextaui.com/r/settings-webhooks.json Display team activity and events in a feed with filtering.
npx shadcn@latest add https://hextaui.com/r/team-activity-feed.json Collaborative AI workspace for team members with shared conversations.
npx shadcn@latest add https://hextaui.com/r/team-ai-room.json View team analytics and usage statistics with charts and breakdowns.
npx shadcn@latest add https://hextaui.com/r/team-analytics.json Team chat interface with messages and channels.
npx shadcn@latest add https://hextaui.com/r/team-chat.json Team dashboard with overview and metrics.
npx shadcn@latest add https://hextaui.com/r/team-dashboard.json Manage and share team files with upload and download.
npx shadcn@latest add https://hextaui.com/r/team-files.json Send and manage team invitations with email and link options.
npx shadcn@latest add https://hextaui.com/r/team-invitations.json List and manage team members with roles and permissions.
npx shadcn@latest add https://hextaui.com/r/team-member-list.json Collaborative notes and documentation with AI summarization.
npx shadcn@latest add https://hextaui.com/r/team-notes.json Team notifications and alerts with filtering and management.
npx shadcn@latest add https://hextaui.com/r/team-notifications.json Manage team permissions and roles with visual matrix.
npx shadcn@latest add https://hextaui.com/r/team-permissions-matrix.json Manage team projects and tasks with member assignment.
npx shadcn@latest add https://hextaui.com/r/team-projects.json Shared prompt library for the team with favorites and categories.
npx shadcn@latest add https://hextaui.com/r/team-prompt-library.json Team settings and configuration with avatar upload.
npx shadcn@latest add https://hextaui.com/r/team-settings.json Switch between teams and workspaces with search.
npx shadcn@latest add https://hextaui.com/r/team-switcher.json Kanban-style board for managing tasks with drag-and-drop functionality.
npx shadcn@latest add https://hextaui.com/r/task-board.json Form to create new tasks with all necessary fields including assignees, projects, and due dates.
npx shadcn@latest add https://hextaui.com/r/task-create.json Detailed view of a task with subtasks, comments, attachments, and activity log. Includes URL-synced tabs.
npx shadcn@latest add https://hextaui.com/r/task-detail.json Filter and search tasks by status, priority, assignees, projects, and tags with active filter badges.
npx shadcn@latest add https://hextaui.com/r/task-filters.json List view of tasks with sorting, filtering, bulk selection, and inline status updates.
npx shadcn@latest add https://hextaui.com/r/task-list.json Visual progress indicator for task completion goals with percentage and count display.
npx shadcn@latest add https://hextaui.com/r/task-progress.json Display and manage projects with progress tracking, member avatars, and task counts.
npx shadcn@latest add https://hextaui.com/r/project-list.json