sh4dcnv2 · atlas
← libraries

@kanpeki

Kanpeki is a copy-paste component collection (not an npm package) built on React Aria Components and styled with Tailwind CSS, following the same ethos as shadcn/ui but replacing Radix UI with React Aria for superior accessibility. Ships 50+ components including Accordion, Autocomplete, Calendar, Chart, Combobox, Data Table, Date Picker, Dropzone, Input OTP, List Box, Pagination, Toast, and Toggle Group, plus full form-builder support and dark mode. Beta stage. Use for: projects that require WCAG-compliant, keyboard-navigable components grounded in React Aria rather than Radix, while keeping the shadcn copy-paste ownership model.

250 components react shadcn-cli MIT

Install this registry

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

Components

250 total
accordion ui
npx shadcn@latest add https://kanpeki.vercel.app/r/accordion.json
alert ui
npx shadcn@latest add https://kanpeki.vercel.app/r/alert.json
aspect-ratio ui
npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio.json
autocomplete ui
npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete.json
avatar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/avatar.json
badge ui
npx shadcn@latest add https://kanpeki.vercel.app/r/badge.json
breadcrumb ui
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb.json
button ui
npx shadcn@latest add https://kanpeki.vercel.app/r/button.json
button-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group.json
calendar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/calendar.json
card ui
npx shadcn@latest add https://kanpeki.vercel.app/r/card.json
carousel ui
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel.json
chart ui
npx shadcn@latest add https://kanpeki.vercel.app/r/chart.json
checkbox ui
npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox.json
collapsible ui
npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible.json
combobox ui
npx shadcn@latest add https://kanpeki.vercel.app/r/combobox.json
date-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/date-field.json
date-picker ui
npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker.json
dialog ui
npx shadcn@latest add https://kanpeki.vercel.app/r/dialog.json
drawer ui
npx shadcn@latest add https://kanpeki.vercel.app/r/drawer.json
dropzone ui
npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone.json
field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/field.json
form ui
npx shadcn@latest add https://kanpeki.vercel.app/r/form.json
input ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input.json
input-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group.json
input-otp ui
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp.json
keyboard ui
npx shadcn@latest add https://kanpeki.vercel.app/r/keyboard.json
label ui
npx shadcn@latest add https://kanpeki.vercel.app/r/label.json
link ui
npx shadcn@latest add https://kanpeki.vercel.app/r/link.json
link-button ui
npx shadcn@latest add https://kanpeki.vercel.app/r/link-button.json
list-box ui
npx shadcn@latest add https://kanpeki.vercel.app/r/list-box.json
menu ui
npx shadcn@latest add https://kanpeki.vercel.app/r/menu.json
number-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/number-field.json
pagination ui
npx shadcn@latest add https://kanpeki.vercel.app/r/pagination.json
popover ui
npx shadcn@latest add https://kanpeki.vercel.app/r/popover.json
progress ui
npx shadcn@latest add https://kanpeki.vercel.app/r/progress.json
radio-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group.json
resizable ui
npx shadcn@latest add https://kanpeki.vercel.app/r/resizable.json
scroll-area ui
npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area.json
search-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/search-field.json
select ui
npx shadcn@latest add https://kanpeki.vercel.app/r/select.json
separator ui
npx shadcn@latest add https://kanpeki.vercel.app/r/separator.json
sheet ui
npx shadcn@latest add https://kanpeki.vercel.app/r/sheet.json
sidebar ui
npx shadcn@latest add https://kanpeki.vercel.app/r/sidebar.json
skeleton ui
npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton.json
slider ui
npx shadcn@latest add https://kanpeki.vercel.app/r/slider.json
spinner ui
npx shadcn@latest add https://kanpeki.vercel.app/r/spinner.json
switch ui
npx shadcn@latest add https://kanpeki.vercel.app/r/switch.json
table ui
npx shadcn@latest add https://kanpeki.vercel.app/r/table.json
tabs ui
npx shadcn@latest add https://kanpeki.vercel.app/r/tabs.json
textarea ui
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea.json
text-field ui
npx shadcn@latest add https://kanpeki.vercel.app/r/text-field.json
toast ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toast.json
toggle ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle.json
toggle-group ui
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group.json
tooltip ui
npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip.json
cva lib
npx shadcn@latest add https://kanpeki.vercel.app/r/cva.json
use-is-mobile hook
npx shadcn@latest add https://kanpeki.vercel.app/r/use-is-mobile.json
accordion-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/accordion-demo.json
alert-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/alert-demo.json
alert-destructive-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/alert-destructive-demo.json
alert-warning-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/alert-warning-demo.json
aspect-ratio-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-demo.json
aspect-ratio-square example
npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-square.json
aspect-ratio-portrait example
npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-portrait.json
autocomplete-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete-demo.json
autocomplete-dialog-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete-dialog-demo.json
avatar-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/avatar-demo.json
avatar-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/avatar-group-demo.json
badge-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/badge-demo.json
badge-destructive-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/badge-destructive-demo.json
badge-outline-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/badge-outline-demo.json
badge-secondary-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/badge-secondary-demo.json
breadcrumb-collapsed-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-collapsed-demo.json
breadcrumb-custom-separator-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-custom-separator-demo.json
breadcrumb-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-demo.json
breadcrumb-dropdown-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-dropdown-demo.json
button-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-demo.json
button-icon-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-icon-demo.json
button-sizes-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-sizes-demo.json
button-variants-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-variants-demo.json
button-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-demo.json
button-group-orientation-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-orientation-demo.json
button-group-size-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-size-demo.json
button-group-nested-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-nested-demo.json
button-group-separator-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-separator-demo.json
button-group-split-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-split-demo.json
button-group-input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-input-demo.json
button-group-input-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-input-group-demo.json
button-group-dropdown-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-dropdown-demo.json
button-group-select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-select-demo.json
button-group-popover-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-popover-demo.json
calendar-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/calendar-demo.json
calendar-range-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/calendar-range-demo.json
card-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/card-demo.json
carousel-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-demo.json
carousel-size-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-size-demo.json
carousel-spacing-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-spacing-demo.json
carousel-orientation-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-orientation-demo.json
carousel-api-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-api-demo.json
carousel-plugin-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-plugin-demo.json
chart-area-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/chart-area-demo.json
chart-bar-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/chart-bar-demo.json
chart-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/chart-demo.json
chart-line-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/chart-line-demo.json
checkbox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-demo.json
checkbox-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-disabled-demo.json
checkbox-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-group-demo.json
collapsible-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible-demo.json
combobox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/combobox-demo.json
date-field-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/date-field-demo.json
date-field-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/date-field-disabled-demo.json
date-picker-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker-demo.json
dialog-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/dialog-demo.json
dialog-scrollable-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/dialog-scrollable-demo.json
alert-dialog-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/alert-dialog-demo.json
drawer-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/drawer-demo.json
dropzone-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-demo.json
dropzone-clickable-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-clickable-demo.json
dropzone-with-file-trigger-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-with-file-trigger-demo.json
field-checkbox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-checkbox-demo.json
field-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-demo.json
field-fieldset-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-fieldset-demo.json
field-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-group-demo.json
field-input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-input-demo.json
field-radio-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-radio-demo.json
field-responsive-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-responsive-demo.json
field-select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-select-demo.json
field-switch-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-switch-demo.json
field-textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/field-textarea-demo.json
tanstack-form-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-demo.json
tanstack-form-input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-input-demo.json
tanstack-form-textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-textarea-demo.json
tanstack-form-select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-select-demo.json
tanstack-form-checkbox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-checkbox-demo.json
tanstack-form-switch-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-switch-demo.json
tanstack-form-array-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-array-demo.json
tanstack-form-linked-fields-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-linked-fields-demo.json
react-aria-form-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-demo.json
react-aria-form-input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-input-demo.json
react-aria-form-textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-textarea-demo.json
react-aria-form-select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-select-demo.json
react-aria-form-checkbox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-checkbox-demo.json
react-aria-form-switch-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-switch-demo.json
react-aria-form-server-validation-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-server-validation-demo.json
react-hook-form-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-demo.json
react-hook-form-input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-input-demo.json
react-hook-form-textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-textarea-demo.json
react-hook-form-select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-select-demo.json
react-hook-form-checkbox-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-checkbox-demo.json
react-hook-form-switch-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-switch-demo.json
react-hook-form-array-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-array-demo.json
react-hook-form-linked-fields-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-linked-fields-demo.json
hover-card-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/hover-card-demo.json
input-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-demo.json
input-file-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-file-demo.json
input-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-disabled-demo.json
input-with-label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-with-label-demo.json
input-with-button-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-with-button-demo.json
input-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-demo.json
input-group-icon-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-icon-demo.json
input-group-text-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-text-demo.json
input-group-button-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-button-demo.json
input-group-tooltip-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-tooltip-demo.json
input-group-textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-textarea-demo.json
input-group-spinner-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-spinner-demo.json
input-group-label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-label-demo.json
input-group-dropdown-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-dropdown-demo.json
input-group-button-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-button-group-demo.json
input-otp-controlled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-controlled-demo.json
input-otp-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-demo.json
input-otp-pattern-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-pattern-demo.json
input-otp-separator-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-separator-demo.json
label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/label-demo.json
link-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/link-demo.json
list-box-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/list-box-demo.json
menu-checkboxes-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/menu-checkboxes-demo.json
menu-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/menu-demo.json
menu-radio-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/menu-radio-group-demo.json
number-field-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/number-field-demo.json
pagination-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-demo.json
pagination-simple-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-simple-demo.json
pagination-icons-only-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-icons-only-demo.json
popover-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/popover-demo.json
popover-with-arrow-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/popover-with-arrow-demo.json
progress-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/progress-demo.json
radio-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-demo.json
radio-group-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-disabled-demo.json
radio-group-with-description-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-with-description-demo.json
resizable-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-demo.json
resizable-vertical-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-vertical-demo.json
resizable-handle-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-handle-demo.json
scroll-area-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area-demo.json
scroll-area-horizontal-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area-horizontal-demo.json
select-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/select-demo.json
select-infinite-scroll-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/select-infinite-scroll-demo.json
select-scrollable-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/select-scrollable-demo.json
select-with-label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/select-with-label-demo.json
separator-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/separator-demo.json
separator-vertical-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/separator-vertical-demo.json
sheet-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/sheet-demo.json
sheet-side-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/sheet-side-demo.json
skeleton-card-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton-card-demo.json
skeleton-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton-demo.json
slider-custom-stepping-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/slider-custom-stepping-demo.json
slider-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/slider-demo.json
slider-multiple-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/slider-multiple-demo.json
slider-vertical-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/slider-vertical-demo.json
slider-with-label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/slider-with-label-demo.json
spinner-color-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-color-demo.json
spinner-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-demo.json
spinner-size-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-size-demo.json
switch-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/switch-demo.json
switch-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/switch-group-demo.json
table-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/table-demo.json
tabs-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-demo.json
tabs-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-disabled-demo.json
tabs-vertical-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-vertical-demo.json
textarea-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-demo.json
textarea-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-disabled-demo.json
textarea-with-label-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-with-label-demo.json
textarea-with-text-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-with-text-demo.json
textarea-auto-resize-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-auto-resize-demo.json
textfield-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-demo.json
textfield-form-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-form-demo.json
textfield-password-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-password-demo.json
textfield-validation-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-validation-demo.json
textfield-with-description-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-with-description-demo.json
textfield-with-icon-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-with-icon-demo.json
toast-custom-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toast-custom-demo.json
toast-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toast-demo.json
toast-promise-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toast-promise-demo.json
toast-status-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toast-status-demo.json
toast-with-description-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toast-with-description-demo.json
toggle-custom-fill-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-custom-fill-demo.json
toggle-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-demo.json
toggle-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-disabled-demo.json
toggle-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-demo.json
toggle-large-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-large-demo.json
toggle-outline-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-outline-demo.json
toggle-small-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-small-demo.json
toggle-group-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-demo.json
toggle-group-outline-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-outline-demo.json
toggle-group-single-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-single-demo.json
toggle-group-sm-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-sm-demo.json
toggle-group-lg-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-lg-demo.json
toggle-group-disabled-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-disabled-demo.json
toggle-group-spacing-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-spacing-demo.json
tooltip-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip-demo.json
tooltip-hover-card-demo example
npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip-hover-card-demo.json