sh4dcnv2 · atlas
← libraries

@uiable

Free, open-source UI component library built with Next.js, React 19, Tailwind CSS v4, and shadcn/ui — beautifully designed components you can copy, customize, and make your own.

250 components react shadcn-cli MIT

Install this registry

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

Components

250 total
Basic Accordion ui

Accordion Basic variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-basic.json
Borders Accordion ui

Accordion Borders variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-borders.json
Card Accordion ui

Accordion Card variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-card.json
Disabled Accordion ui

Accordion Disabled variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-disabled.json
Flush Accordion ui

Accordion Flush variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-flush.json
Multiple Accordion ui

Accordion Multiple variant for accordion.

npx shadcn@latest add https://uiable.com/r/uiable-accordion-multiple.json
Action Alert ui

Alert Action variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-action.json
Basic Alert ui

Alert Basic variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-basic.json
Colors Alert ui

Alert Colors variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-colors.json
Destructive Alert ui

Alert Destructive variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-destructive.json
Basic Alert Dialog ui

Alert Dialog Basic variant for alert-dialog.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-basic.json
Destructive Alert Dialog ui

Alert Dialog Destructive variant for alert-dialog.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-destructive.json
Media Alert Dialog ui

Alert Dialog Media variant for alert-dialog.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-media.json
Small Alert Dialog ui

Alert Dialog Small variant for alert-dialog.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-small.json
Small Media Alert Dialog ui

Alert Dialog Small Media variant for alert-dialog.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-small-media.json
Danger Dismissible Alert ui

Alert Dismissible Danger variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-danger.json
Dark Dismissible Alert ui

Alert Dismissible Dark variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-dark.json
Info Dismissible Alert ui

Alert Dismissible Info variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-info.json
Primary Dismissible Alert ui

Alert Dismissible Primary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-primary.json
Secondary Dismissible Alert ui

Alert Dismissible Secondary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-secondary.json
Success Dismissible Alert ui

Alert Dismissible Success variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-success.json
Warning Dismissible Alert ui

Alert Dismissible Warning variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-warning.json
Danger Icon Alert ui

Alert Icon Danger variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-danger.json
Dark Icon Alert ui

Alert Icon Dark variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-dark.json
Info Icon Alert ui

Alert Icon Info variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-info.json
Primary Icon Alert ui

Alert Icon Primary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-primary.json
Secondary Icon Alert ui

Alert Icon Secondary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-secondary.json
Success Icon Alert ui

Alert Icon Success variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-success.json
Warning Icon Alert ui

Alert Icon Warning variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-warning.json
Danger Light Alert ui

Alert Light Danger variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-danger.json
Light Dark Alert ui

Alert Light Dark variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-dark.json
Light Info Alert ui

Alert Light Info variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-info.json
Light Primary Alert ui

Alert Light Primary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-primary.json
Light Secondary Alert ui

Alert Light Secondary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-secondary.json
Light Success Alert ui

Alert Light Success variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-success.json
Light Warning Alert ui

Alert Light Warning variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-light-warning.json
Solid Danger Alert ui

Alert Solid Danger variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-danger.json
Solid Dark Alert ui

Alert Solid Dark variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-dark.json
Solid Info Alert ui

Alert Solid Info variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-info.json
Solid Primary Alert ui

Alert Solid Primary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-primary.json
Solid Secondary Alert ui

Alert Solid Secondary variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-secondary.json
Solid Success Alert ui

Alert Solid Success variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-success.json
Solid Warning Alert ui

Alert Solid Warning variant for alert.

npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-warning.json
Portrait Aspect Ratio ui

Aspect Ratio Portrait variant for aspect-ratio.

npx shadcn@latest add https://uiable.com/r/uiable-aspect-ratio-portrait.json
Square Aspect Ratio ui

Aspect Ratio Square variant for aspect-ratio.

npx shadcn@latest add https://uiable.com/r/uiable-aspect-ratio-square.json
Group ui

Attachment Group variant for attachment.

npx shadcn@latest add https://uiable.com/r/uiable-attachment-group.json
Sizes ui

Attachment Sizes variant for attachment.

npx shadcn@latest add https://uiable.com/r/uiable-attachment-sizes.json
States ui

Attachment States variant for attachment.

npx shadcn@latest add https://uiable.com/r/uiable-attachment-states.json
Trigger ui

Attachment Trigger variant for attachment.

npx shadcn@latest add https://uiable.com/r/uiable-attachment-triggers.json
Vertical Attachment ui

Attachment Vertical variant for attachment.

npx shadcn@latest add https://uiable.com/r/uiable-attachment-vertical.json
Badge Avatar ui

Avatar Badge variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-badge.json
Badge Icon Avatar ui

Avatar Badge Icon variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-badge-icon.json
Basic Avatar ui

Avatar Basic variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-basic.json
Border Radius Avatar ui

Avatar Border Radius variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-border-radius.json
Counter Indicator Avatar ui

Avatar Counter Indicator variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-counter-indicator.json
Dropdown Avatar ui

Avatar Dropdown variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-dropdown.json
Fallback Avatar ui

Avatar Fallback variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-fallback.json
Group Avatar ui

Avatar Group variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-group.json
Group Count Avatar ui

Avatar Group Count variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-group-count.json
Group Count Icon Avatar ui

Avatar Group Count Icon variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-group-count-icon.json
Placeholder Icon Avatar ui

Avatar Placeholder Icon variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-placeholder-icon.json
Size Avatar ui

Avatar Size variant for avatar.

npx shadcn@latest add https://uiable.com/r/uiable-avatar-size.json
Avatar Badge ui

Badge Avatar variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-avatar.json
Colors Badge ui

Badge Colors variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-colors.json
Gradient Badge ui

Badge Gradient variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-gradient.json
Icon Badge ui

Badge Icon variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-icon.json
Light Danger Badge ui

Badge Light Danger variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-danger.json
Light Dark Badge ui

Badge Light Dark variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-dark.json
Light Info Badge ui

Badge Light Info variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-info.json
Light Primary Badge ui

Badge Light Primary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-primary.json
Light Secondary Badge ui

Badge Light Secondary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-secondary.json
Light Success Badge ui

Badge Light Success variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-success.json
Light Warning Badge ui

Badge Light Warning variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-light-warning.json
Link Badge ui

Badge Link variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-link.json
Danger Outline Badge ui

Badge Outline Danger variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-danger.json
Dark Outline Badge ui

Badge Outline Dark variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-dark.json
Info Outline Badge ui

Badge Outline Info variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-info.json
Primary Outline Badge ui

Badge Outline Primary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-primary.json
Secondary Outline Badge ui

Badge Outline Secondary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-secondary.json
Success Outline Badge ui

Badge Outline Success variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-success.json
Warning Outline Badge ui

Badge Outline Warning variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-warning.json
Danger Pill Badge ui

Badge Pill Danger variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-danger.json
Dark Pill Badge ui

Badge Pill Dark variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-dark.json
Info Pill Badge ui

Badge Pill Info variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-info.json
Primary Pill Badge ui

Badge Pill Primary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-primary.json
Secondary Pill Badge ui

Badge Pill Secondary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-secondary.json
Success Pill Badge ui

Badge Pill Success variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-success.json
Warning Pill Badge ui

Badge Pill Warning variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-warning.json
Sizes Badge ui

Badge Sizes variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-sizes.json
Danger Solid Badge ui

Badge Solid Danger variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-danger.json
Dark Solid Badge ui

Badge Solid Dark variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-dark.json
Info Solid Badge ui

Badge Solid Info variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-info.json
Primary Solid Badge ui

Badge Solid Primary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-primary.json
Secondary Solid Badge ui

Badge Solid Secondary variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-secondary.json
Success Solid Badge ui

Badge Solid Success variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-success.json
Warning Solid Badge ui

Badge Solid Warning variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-warning.json
Spinner Badge ui

Badge Spinner variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-spinner.json
Status Badge ui

Badge Status variant for badge.

npx shadcn@latest add https://uiable.com/r/uiable-badge-status.json
Basic Breadcrumb ui

Breadcrumb Basic variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-basic.json
Collapsed Breadcrumb ui

Breadcrumb Collapsed variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-collapsed.json
Dropdown Breadcrumb ui

Breadcrumb Dropdown variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-dropdown.json
Ellipsis Breadcrumb ui

Breadcrumb Ellipsis variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-ellipsis.json
Icon Breadcrumb ui

Breadcrumb Icon variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-icon.json
Link Breadcrumb ui

Breadcrumb Link variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-link.json
Page Header Breadcrumb ui

Breadcrumb Page Header variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-page-header.json
Separator Breadcrumb ui

Breadcrumb Separator variant for breadcrumb.

npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-separator.json
Bubble Alignment ui

Bubble Alignment variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-alignment.json
Show More / Collapsible ui

Bubble Collapsible variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-collapsible.json
Bubble Group ui

Bubble Group variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-group.json
Links and Buttons ui

Bubble Links & Buttons variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-link.json
Popover ui

Bubble Popover variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-popover.json
Bubble Reactions ui

Bubble Reactions variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-reactions.json
Tooltip ui

Bubble Tooltip variant for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-tooltip.json
Bubble Variants ui

Bubble Visual Variants for bubble.

npx shadcn@latest add https://uiable.com/r/uiable-bubble-variants.json
Animated Button ui

Animated Button variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-animated.json
Animated Button On Hover ui

Animated Button variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-animated-border.json
Gradient Animated Button ui

Gradient Animated Button variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-animated-gradient.json
Default Button ui

Button Default variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-default.json
Destructive Button ui

Button Destructive variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-destructive.json
Ghost Button ui

Button Ghost variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-ghost.json
Dropdown Button Group ui

Button Group Dropdown variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-dropdown.json
Icon Button Group ui

Button Group Icon variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-icon.json
Input Button Group ui

Button Group Input variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-input.json
Input Button Group ui

Button Group Input Group variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-input-group.json
Nested Button Group ui

Button Group Nested variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-nested.json
Orientation Button Group ui

Button Group Orientation variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-orientation.json
Popover Button Group ui

Button Group Popover variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-popover.json
Quantity Selector ui

Button Group Quantity Selector variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-qty-select.json
Select Button Group ui

Button Group Select variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-select.json
Separator Button Group ui

Button Group Separator variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-separator.json
Size Button Group ui

Button Group Size variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-size.json
Social Button Group ui

Button Group Social variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-social.json
Split Button Group ui

Button Group Split variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-split.json
Text Styling Toolbar ui

Button Group Toolbar variant for button-group.

npx shadcn@latest add https://uiable.com/r/uiable-button-group-toolbar.json
Icon Button ui

Button Icon variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon.json
Danger Icon Button ui

Button Icon Danger variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-danger.json
Dark Icon Button ui

Button Icon Dark variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-dark.json
Info Icon Button ui

Button Icon Info variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-info.json
Primary Icon Button ui

Button Icon Primary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-primary.json
Secondary Icon Button ui

Button Icon Secondary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-secondary.json
Success Icon Button ui

Button Icon Success variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-success.json
Warning Icon Button ui

Button Icon Warning variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-icon-warning.json
Light Danger Button ui

Button Light Danger variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-danger.json
Light Dark Button ui

Button Light Dark variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-dark.json
Light Info Button ui

Button Light Info variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-info.json
Light Primary Button ui

Button Light Primary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-primary.json
Light Secondary Button ui

Button Light Secondary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-secondary.json
Light Success Button ui

Button Light Success variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-success.json
Light Warning Button ui

Button Light Warning variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-light-warning.json
Link Button ui

Button Link variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-link.json
Outline Button ui

Button Outline variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline.json
Outline Danger Button ui

Button Outline Danger variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-danger.json
Outline Dark Button ui

Button Outline Dark variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-dark.json
Outline Info Button ui

Button Outline Info variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-info.json
Outline Primary Button ui

Button Outline Primary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-primary.json
Outline Secondary Button ui

Button Outline Secondary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-secondary.json
Outline Success Button ui

Button Outline Success variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-success.json
Outline Warning Button ui

Button Outline Warning variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-outline-warning.json
Render Button ui

Button Render variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-render.json
Radios Button ui

Button Radios variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-rounded.json
Secondary Button ui

Button Secondary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-secondary.json
Size Button ui

Button Size variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-size.json
Social Button ui

Social button variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-social.json
Solid Danger Button ui

Button Solid Danger variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-danger.json
Solid Dark Button ui

Button Solid Dark variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-dark.json
Solid Info Button ui

Button Solid Info variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-info.json
Solid Primary Button ui

Button Solid Primary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-primary.json
Solid Secondary Button ui

Button Solid Secondary variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-secondary.json
Solid Success Button ui

Button Solid Success variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-success.json
Solid Warning Button ui

Button Solid Warning variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-solid-warning.json
Spinner Button ui

Button Spinner variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-spinner.json
Toggle Button ui

Toggle button variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-toggle.json
Button With Badge ui

Button with badge variant for button

npx shadcn@latest add https://uiable.com/r/uiable-button-with-badge.json
With Icon Button ui

Button With Icon variant for button.

npx shadcn@latest add https://uiable.com/r/uiable-button-with-icon.json
Basic Calendar ui

Calendar Basic variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-basic.json
Booked Dates Calendar ui

Calendar Booked Dates variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-booked-dates.json
Caption Calendar ui

Calendar Caption variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-caption.json
Custom Days Calendar ui

Calendar Custom Days variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-custom-days.json
Hijri Calendar ui

Calendar Hijri variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-hijri.json
Multiple Calendar ui

Calendar Multiple variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-multiple.json
Presets Calendar ui

Calendar Presets variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-presets.json
Range Calendar ui

Calendar Range variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-range.json
Right Navigation Calendar ui

Calendar Right Navigation variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-right-navigation.json
Time Calendar ui

Calendar Time variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-time.json
Week Numbers Calendar ui

Calendar Week Numbers variant for calendar.

npx shadcn@latest add https://uiable.com/r/uiable-calendar-week-numbers.json
Align Center Card ui

Card Align Center variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-align-center.json
Align Right Card ui

Card Align Right variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-align-right.json
Animated Flip Card ui

Interactive 3D dual-sided flip card with smooth rotation using framer-motion.

npx shadcn@latest add https://uiable.com/r/uiable-card-animated-flip.json
Animated Tilt Card ui

Interactive 3D perspective tilt card with light sheen using framer-motion.

npx shadcn@latest add https://uiable.com/r/uiable-card-animated-tilt.json
Basic Card ui

Card Basic variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-basic.json
Header Footer Card ui

Card Header Footer variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-header-footer.json
Horizontal Card ui

Card Horizontal variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-horizontal.json
Image Card ui

Card Image variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-image.json
Image Bottom Card ui

Card Image Bottom variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-image-bottom.json
Image Overlay Card ui

Card Image Overlay variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-image-overlay.json
Image Top Card ui

Card Image Top variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-image-top.json
Product Card ui

Card Product variant for e-commerce items and checkout.

npx shadcn@latest add https://uiable.com/r/uiable-card-product.json
Small Card ui

Card Small variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-small.json
Danger Solid Card ui

Card Solid Danger variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-danger.json
Dark Solid Card ui

Card Solid Dark variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-dark.json
Info Solid Card ui

Card Solid Info variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-info.json
Primary Solid Card ui

Card Solid Primary variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-primary.json
Secondary Solid Card ui

Card Solid Secondary variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-secondary.json
Success Solid Card ui

Card Solid Success variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-success.json
Warning Solid Card ui

Card Solid Warning variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-solid-warning.json
Tabbing Card ui

Card Tabs variant for multi-section interactive content.

npx shadcn@latest add https://uiable.com/r/uiable-card-tabs.json
Title Subtitle Card ui

Card Title Subtitle variant for card.

npx shadcn@latest add https://uiable.com/r/uiable-card-title-subtitle.json
Api Carousel ui

Carousel Api variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-api.json
Multiple Carousel ui

Carousel Multiple variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-multiple.json
Orientation Carousel ui

Carousel Orientation variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-orientation.json
Plugin Carousel ui

Carousel Plugin variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-plugin.json
Size Carousel ui

Carousel Size variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-size.json
Spacing Carousel ui

Carousel Spacing variant for carousel.

npx shadcn@latest add https://uiable.com/r/uiable-carousel-spacing.json
Entry Changelog ui

Changelog Entry variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-changelog-entry.json
Mobile Toc Changelog ui

Changelog Mobile Toc variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-changelog-mobile-toc.json
Toc Changelog ui

Changelog Toc variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-changelog-toc.json
Area Chart ui

Chart Area variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-chart-area.json
Chart Example ui

Chart Example variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-example.json
Axis Chart Example ui

Chart Example Axis variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-example-axis.json
Grid Chart Example ui

Chart Example Grid variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-example-grid.json
Legend Chart Example ui

Chart Example Legend variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-example-legend.json
Tooltip Chart Example ui

Chart Example Tooltip variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-example-tooltip.json
Line Chart ui

Chart Line variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-chart-line.json
Pie Chart ui

Chart Pie variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-chart-pie.json
Radial Chart ui

Chart Radial variant for component.

npx shadcn@latest add https://uiable.com/r/uiable-chart-radial.json
Tooltip Chart ui

Chart Tooltip variant for chart.

npx shadcn@latest add https://uiable.com/r/uiable-chart-tooltip.json
Basic Checkbox ui

Checkbox Basic variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-basic.json
Colors Checkboxes ui

Colors Checkbox variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-colors.json
Description Checkbox ui

Checkbox Description variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-description.json
Disabled Checkbox ui

Checkbox Disabled variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-disabled.json
Group Checkbox ui

Checkbox Group variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-group.json
Indeterminate Checkbox ui

Indeterminate Checkbox variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-indeterminate.json
Invalid Checkbox ui

Checkbox Invalid variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-invalid.json
Checkbox List ui

Checkbox List variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-list.json
Checkbox Sizes ui

Checkbox Size variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-sizes.json
Table Checkbox ui

Checkbox Table variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-table.json
Todo List ui

Todo List Checkbox variant for checkbox.

npx shadcn@latest add https://uiable.com/r/uiable-checkbox-todo-list.json
Basic Collapsible ui

Collapsible Basic variant for collapsible.

npx shadcn@latest add https://uiable.com/r/uiable-collapsible-basic.json
File Tree Collapsible ui

Collapsible File Tree variant for collapsible.

npx shadcn@latest add https://uiable.com/r/uiable-collapsible-file-tree.json
Settings Collapsible ui

Collapsible Settings variant for collapsible.

npx shadcn@latest add https://uiable.com/r/uiable-collapsible-settings.json
Auto Highlight Combobox ui

Combobox Auto Highlight variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-auto-highlight.json
Autocomplete Combobox ui

Combobox Autocomplete variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-autocomplete.json
Basic Combobox ui

Combobox Basic variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-basic.json
Clear Combobox ui

Combobox Clear variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-clear.json
Custom Combobox ui

Combobox Custom variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-custom.json
Disabled Combobox ui

Combobox Disabled variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-disabled.json
Error Combobox ui

Combobox Error variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-error.json
Groups Combobox ui

Combobox Groups variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-groups.json
Input Group Combobox ui

Combobox Input Group variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-input-group.json
Invalid Combobox ui

Combobox Invalid variant for combobox.

npx shadcn@latest add https://uiable.com/r/uiable-combobox-invalid.json