sh4dcnv2 · atlas
← libraries

@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.

139 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://hextaui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://hextaui.com/r/registry.json
bun bunx shadcn@latest add https://hextaui.com/r/registry.json
fetch registry curl -s https://hextaui.com/r/registry.json

Components

139 total
Accordion ui

Expands to show or hide content.

npx shadcn@latest add https://hextaui.com/r/accordion.json
Alert ui

Displays a status or message banner.

npx shadcn@latest add https://hextaui.com/r/alert.json
Alert Dialog ui

Modal dialog for important actions or decisions.

npx shadcn@latest add https://hextaui.com/r/alert-dialog.json
Aspect Ratio ui

Maintains a fixed ratio for child content.

npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json
Avatar ui

Shows an image or initials for a user/object.

npx shadcn@latest add https://hextaui.com/r/avatar.json
Badge ui

Small badge for counts or indicators.

npx shadcn@latest add https://hextaui.com/r/badge.json
Breadcrumb ui

Displays navigation path as links.

npx shadcn@latest add https://hextaui.com/r/breadcrumb.json
Button ui

Clickable button for actions.

npx shadcn@latest add https://hextaui.com/r/button.json
Button Group ui

Groups multiple buttons in a row.

npx shadcn@latest add https://hextaui.com/r/button-group.json
Calendar ui

Grid to display days and dates.

npx shadcn@latest add https://hextaui.com/r/calendar.json
Card ui

Container with header, content, and footer sections.

npx shadcn@latest add https://hextaui.com/r/card.json
Carousel ui

Rotates or slides multiple items.

npx shadcn@latest add https://hextaui.com/r/carousel.json
Checkbox ui

Box for selecting true or false.

npx shadcn@latest add https://hextaui.com/r/checkbox.json
Collapsible ui

Panel that expands and collapses.

npx shadcn@latest add https://hextaui.com/r/collapsible.json
Command Menu ui

Popup menu for running commands.

npx shadcn@latest add https://hextaui.com/r/command-menu.json
Context Menu ui

Menu that appears on right-click or action.

npx shadcn@latest add https://hextaui.com/r/context-menu.json
Dialog ui

Modal overlay for dialogs and forms.

npx shadcn@latest add https://hextaui.com/r/dialog.json
Drawer ui

Drawer panel that slides in from edge.

npx shadcn@latest add https://hextaui.com/r/drawer.json
Dropdown Menu ui

Menu that opens with a trigger control.

npx shadcn@latest add https://hextaui.com/r/dropdown-menu.json
Empty ui

Graphic placeholder for empty states.

npx shadcn@latest add https://hextaui.com/r/empty.json
Field ui

Field layout with label and help.

npx shadcn@latest add https://hextaui.com/r/field.json
Hover Card ui

Card that appears on hover.

npx shadcn@latest add https://hextaui.com/r/hover-card.json
Input ui

Single-line text input.

npx shadcn@latest add https://hextaui.com/r/input.json
Input Group ui

Combines inputs and add-ons in a row.

npx shadcn@latest add https://hextaui.com/r/input-group.json
Input OTP ui

Inputs for one-time code entry.

npx shadcn@latest add https://hextaui.com/r/input-otp.json
Item ui

List item component with actions.

npx shadcn@latest add https://hextaui.com/r/item.json
Label ui

Label for form input.

npx shadcn@latest add https://hextaui.com/r/label.json
Menubar ui

Horizontal menu bar for navigation.

npx shadcn@latest add https://hextaui.com/r/menubar.json
Navigation Menu ui

A collection of links for navigating websites.

npx shadcn@latest add https://hextaui.com/r/navigation-menu.json
Pagination ui

Controls for paging through content.

npx shadcn@latest add https://hextaui.com/r/pagination.json
Popover ui

Floating panel for additional content.

npx shadcn@latest add https://hextaui.com/r/popover.json
Progress ui

Linear progress indicator.

npx shadcn@latest add https://hextaui.com/r/progress.json
Radio Group ui

Group of choices where only one can be selected.

npx shadcn@latest add https://hextaui.com/r/radio-group.json
Resizable ui

Container that users can resize.

npx shadcn@latest add https://hextaui.com/r/resizable.json
Scroll Area ui

Scrollable area for overflowing content.

npx shadcn@latest add https://hextaui.com/r/scroll-area.json
Sidebar ui

A collapsible sidebar component for navigation.

npx shadcn@latest add https://hextaui.com/r/sidebar.json
Select ui

Custom dropdown select input.

npx shadcn@latest add https://hextaui.com/r/select.json
Separator ui

Horizontal or vertical dividing line.

npx shadcn@latest add https://hextaui.com/r/separator.json
Sheet ui

Drawer panel that slides in from edge.

npx shadcn@latest add https://hextaui.com/r/sheet.json
Skeleton ui

Shimmer effect placeholder preview.

npx shadcn@latest add https://hextaui.com/r/skeleton.json
Slider ui

Draggable control for selecting a value.

npx shadcn@latest add https://hextaui.com/r/slider.json
Sonner ui

Displays toast notifications.

npx shadcn@latest add https://hextaui.com/r/sonner.json
Spinner ui

Circular activity indicator.

npx shadcn@latest add https://hextaui.com/r/spinner.json
Switch ui

Toggle to switch between states.

npx shadcn@latest add https://hextaui.com/r/switch.json
Table ui

Displays data in rows and columns.

npx shadcn@latest add https://hextaui.com/r/table.json
Tabs ui

Switches views using tabbed buttons.

npx shadcn@latest add https://hextaui.com/r/tabs.json
Textarea ui

Multi-line text input.

npx shadcn@latest add https://hextaui.com/r/textarea.json
Toggle ui

Pressable toggle button.

npx shadcn@latest add https://hextaui.com/r/toggle.json
Toggle Group ui

Groups multiple toggle buttons.

npx shadcn@latest add https://hextaui.com/r/toggle-group.json
Tooltip ui

Shows info on hover or focus.

npx shadcn@latest add https://hextaui.com/r/tooltip.json
Kbd ui

Renders keyboard key appearance.

npx shadcn@latest add https://hextaui.com/r/kbd.json
Native Select ui

Dropdown using the native select element.

npx shadcn@latest add https://hextaui.com/r/native-select.json
Tree ui

Hierarchical collapsible structure.

npx shadcn@latest add https://hextaui.com/r/tree.json
Video Player ui

Video playback with controls.

npx shadcn@latest add https://hextaui.com/r/video-player.json
AI Chat History ui

Display and manage conversation history with search and filtering.

npx shadcn@latest add https://hextaui.com/r/ai-chat-history.json
AI Citations ui

Display citations and sources with collapsible source previews.

npx shadcn@latest add https://hextaui.com/r/ai-citations.json
AI Conversation ui

Display AI conversation messages with streaming support.

npx shadcn@latest add https://hextaui.com/r/ai-conversation.json
AI Error Handler ui

Display and handle AI errors with retry functionality.

npx shadcn@latest add https://hextaui.com/r/ai-error-handler.json
AI File Upload ui

Upload files for AI analysis with drag and drop support.

npx shadcn@latest add https://hextaui.com/r/ai-file-upload.json
AI Message ui

Display AI messages with markdown support and code highlighting.

npx shadcn@latest add https://hextaui.com/r/ai-message.json
AI Model Selector ui

Select AI models from different providers with search.

npx shadcn@latest add https://hextaui.com/r/ai-model-selector.json
AI Prompt Input ui

Input component for AI prompts with context selection and options.

npx shadcn@latest add https://hextaui.com/r/ai-prompt-input.json
AI Prompt Templates ui

Browse and use pre-built prompt templates with variables.

npx shadcn@latest add https://hextaui.com/r/ai-prompt-templates.json
AI Settings Panel ui

Configure AI model parameters and behavior settings.

npx shadcn@latest add https://hextaui.com/r/ai-settings-panel.json
AI Streaming Response ui

Display streaming AI responses with token-by-token animation.

npx shadcn@latest add https://hextaui.com/r/ai-streaming-response.json
AI Suggested Prompts ui

Display suggested prompts with categories and search.

npx shadcn@latest add https://hextaui.com/r/ai-suggested-prompts.json
AI Thinking ui

Display AI thinking process with animated scrolling content.

npx shadcn@latest add https://hextaui.com/r/ai-thinking.json
AI Usage Quota ui

Display AI usage statistics, rate limits, and quota information.

npx shadcn@latest add https://hextaui.com/r/ai-usage-quota.json
Auth Account Delete ui

Delete account with password confirmation and data loss acknowledgment.

npx shadcn@latest add https://hextaui.com/r/auth-account-delete.json
Auth Change Password ui

Change password with current and new password fields.

npx shadcn@latest add https://hextaui.com/r/auth-change-password.json
Auth Email Change ui

Change email address with password verification.

npx shadcn@latest add https://hextaui.com/r/auth-email-change.json
Auth Forgot Password ui

Request password reset link via email.

npx shadcn@latest add https://hextaui.com/r/auth-forgot-password.json
Auth Login Form ui

Login form with email/password and social login options.

npx shadcn@latest add https://hextaui.com/r/auth-login-form.json
Auth Magic Link ui

Passwordless authentication via magic link email.

npx shadcn@latest add https://hextaui.com/r/auth-magic-link.json
Auth OTP Verify ui

Verify OTP code sent via email, SMS, or WhatsApp.

npx shadcn@latest add https://hextaui.com/r/auth-otp-verify.json
Auth Phone Verify ui

Verify phone number with OTP code via SMS.

npx shadcn@latest add https://hextaui.com/r/auth-phone-verify.json
Auth Recovery Codes ui

Display and manage two-factor authentication recovery codes.

npx shadcn@latest add https://hextaui.com/r/auth-recovery-codes.json
Auth Reset Password ui

Reset password with strength indicator and token validation.

npx shadcn@latest add https://hextaui.com/r/auth-reset-password.json
Auth Session Manager ui

Manage active sessions across devices with revoke functionality.

npx shadcn@latest add https://hextaui.com/r/auth-session-manager.json
Auth Signup Form ui

User registration form with email/password and social signup options.

npx shadcn@latest add https://hextaui.com/r/auth-signup-form.json
Auth Social Accounts ui

Manage connected social accounts for authentication.

npx shadcn@latest add https://hextaui.com/r/auth-social-accounts.json
Auth Two Factor Setup ui

Set up two-factor authentication with QR code and backup codes.

npx shadcn@latest add https://hextaui.com/r/auth-two-factor-setup.json
Auth Two Factor Verify ui

Verify two-factor authentication code or recovery code.

npx shadcn@latest add https://hextaui.com/r/auth-two-factor-verify.json
Auth Verify Email ui

Email verification status with resend functionality.

npx shadcn@latest add https://hextaui.com/r/auth-verify-email.json
Billing Billing History ui

Display transaction history with search, filters, and pagination.

npx shadcn@latest add https://hextaui.com/r/billing-billing-history.json
Billing Coupon Code ui

Apply and manage discount coupon codes.

npx shadcn@latest add https://hextaui.com/r/billing-coupon-code.json
Billing Invoice Details ui

Detailed invoice view in a sheet with line items and payment information.

npx shadcn@latest add https://hextaui.com/r/billing-invoice-details.json
Billing Invoice List ui

List of invoices with search, filters, and pagination.

npx shadcn@latest add https://hextaui.com/r/billing-invoice-list.json
Billing Payment Failed ui

Display payment failure details with retry and support options.

npx shadcn@latest add https://hextaui.com/r/billing-payment-failed.json
Billing Payment Form ui

Form to add payment methods with card details and billing address.

npx shadcn@latest add https://hextaui.com/r/billing-payment-form.json
Billing Payment Method ui

Manage payment methods with add, edit, delete, and set default options.

npx shadcn@latest add https://hextaui.com/r/billing-payment-method.json
Billing Payment Schedule ui

View scheduled payments with next payment preview and retry options.

npx shadcn@latest add https://hextaui.com/r/billing-payment-schedule.json
Billing Plan Selector ui

Select subscription plans with monthly/annual billing toggle.

npx shadcn@latest add https://hextaui.com/r/billing-plan-selector.json
Billing Pricing Table ui

Compare pricing plans in a table format with feature comparison.

npx shadcn@latest add https://hextaui.com/r/billing-pricing-table.json
Billing Subscription Card ui

Display current subscription with usage, billing date, and management options.

npx shadcn@latest add https://hextaui.com/r/billing-subscription-card.json
Billing Subscription Settings ui

Manage subscription settings including pause, cancel, and billing period changes.

npx shadcn@latest add https://hextaui.com/r/billing-subscription-settings.json
Billing Upgrade Prompt ui

Prompt users to upgrade their plan with feature highlights.

npx shadcn@latest add https://hextaui.com/r/billing-upgrade-prompt.json
Billing Usage Alerts ui

Configure and manage usage alerts with notification channels.

npx shadcn@latest add https://hextaui.com/r/billing-usage-alerts.json
Billing Usage Billing ui

Display usage statistics with charts, breakdowns, and trend analysis.

npx shadcn@latest add https://hextaui.com/r/billing-usage-billing.json
Settings Account ui

Manage account settings, subscription, and team members.

npx shadcn@latest add https://hextaui.com/r/settings-account.json
Settings Activity Log ui

View account activity and audit trail with search and filters.

npx shadcn@latest add https://hextaui.com/r/settings-activity-log.json
Settings Advanced ui

Developer tools and experimental features configuration.

npx shadcn@latest add https://hextaui.com/r/settings-advanced.json
Settings API Keys ui

Manage API keys for programmatic access with scopes and permissions.

npx shadcn@latest add https://hextaui.com/r/settings-api-keys.json
Settings Export Data ui

Export your data in various formats with category selection.

npx shadcn@latest add https://hextaui.com/r/settings-export-data.json
Settings Backup ui

Manage automatic backups and restore your data.

npx shadcn@latest add https://hextaui.com/r/settings-backup.json
Settings Domains ui

Manage custom domains and SSL certificates.

npx shadcn@latest add https://hextaui.com/r/settings-domains.json
Settings Import Data ui

Import data from JSON or CSV files with conflict resolution.

npx shadcn@latest add https://hextaui.com/r/settings-import-data.json
Settings Integrations ui

Connect and manage third-party integrations.

npx shadcn@latest add https://hextaui.com/r/settings-integrations.json
Settings Notifications ui

Manage notification preferences and quiet hours.

npx shadcn@latest add https://hextaui.com/r/settings-notifications.json
Settings Preferences ui

Customize app experience, appearance, and accessibility.

npx shadcn@latest add https://hextaui.com/r/settings-preferences.json
Settings Privacy ui

Control privacy settings and data sharing preferences.

npx shadcn@latest add https://hextaui.com/r/settings-privacy.json
Settings Profile ui

Manage profile information, avatar, and social links.

npx shadcn@latest add https://hextaui.com/r/settings-profile.json
Settings Security ui

Manage account security, 2FA, and active sessions.

npx shadcn@latest add https://hextaui.com/r/settings-security.json
Settings SSO ui

Configure SSO providers for your organization.

npx shadcn@latest add https://hextaui.com/r/settings-sso.json
Settings Storage ui

Manage storage usage and quotas by category.

npx shadcn@latest add https://hextaui.com/r/settings-storage.json
Settings Team Members ui

Manage team members, roles, and invitations.

npx shadcn@latest add https://hextaui.com/r/settings-team-members.json
Settings Webhooks ui

Configure webhooks for event notifications and deliveries.

npx shadcn@latest add https://hextaui.com/r/settings-webhooks.json
Team Activity Feed ui

Display team activity and events in a feed with filtering.

npx shadcn@latest add https://hextaui.com/r/team-activity-feed.json
Team AI Room ui

Collaborative AI workspace for team members with shared conversations.

npx shadcn@latest add https://hextaui.com/r/team-ai-room.json
Team Analytics ui

View team analytics and usage statistics with charts and breakdowns.

npx shadcn@latest add https://hextaui.com/r/team-analytics.json
Team Chat ui

Team chat interface with messages and channels.

npx shadcn@latest add https://hextaui.com/r/team-chat.json
Team Dashboard ui

Team dashboard with overview and metrics.

npx shadcn@latest add https://hextaui.com/r/team-dashboard.json
Team Files ui

Manage and share team files with upload and download.

npx shadcn@latest add https://hextaui.com/r/team-files.json
Team Invitations ui

Send and manage team invitations with email and link options.

npx shadcn@latest add https://hextaui.com/r/team-invitations.json
Team Member List ui

List and manage team members with roles and permissions.

npx shadcn@latest add https://hextaui.com/r/team-member-list.json
Team Notes ui

Collaborative notes and documentation with AI summarization.

npx shadcn@latest add https://hextaui.com/r/team-notes.json
Team Notifications ui

Team notifications and alerts with filtering and management.

npx shadcn@latest add https://hextaui.com/r/team-notifications.json
Team Permissions Matrix ui

Manage team permissions and roles with visual matrix.

npx shadcn@latest add https://hextaui.com/r/team-permissions-matrix.json
Team Projects ui

Manage team projects and tasks with member assignment.

npx shadcn@latest add https://hextaui.com/r/team-projects.json
Team Prompt Library ui

Shared prompt library for the team with favorites and categories.

npx shadcn@latest add https://hextaui.com/r/team-prompt-library.json
Team Settings ui

Team settings and configuration with avatar upload.

npx shadcn@latest add https://hextaui.com/r/team-settings.json
Team Switcher ui

Switch between teams and workspaces with search.

npx shadcn@latest add https://hextaui.com/r/team-switcher.json
Task Board ui

Kanban-style board for managing tasks with drag-and-drop functionality.

npx shadcn@latest add https://hextaui.com/r/task-board.json
Task Create ui

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
Task Detail ui

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
Task Filters ui

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
Task List ui

List view of tasks with sorting, filtering, bulk selection, and inline status updates.

npx shadcn@latest add https://hextaui.com/r/task-list.json
Task Progress ui

Visual progress indicator for task completion goals with percentage and count display.

npx shadcn@latest add https://hextaui.com/r/task-progress.json
Project List ui

Display and manage projects with progress tracking, member avatars, and task counts.

npx shadcn@latest add https://hextaui.com/r/project-list.json