ActiveCharts/data viz8
@cnippet
Charts/data viz · MIT · data updated 2026-07-28
Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.
accessibilityauthbuttonscardschartsdashboardformsloadersmedianavigationoverlaystables
Install
npx shadcn@latest add https://ui.cnippet.dev/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues2
ArchivedNo
Stars8
Components (1130)
uiaccordionalertalert-dialogautocompleteavatarbadgebreadcrumbbuttoncalendarcardcarouselchartcheckboxcheckbox-groupcollapsiblecomboboxcommandcontext-menudialogdraweremptyfieldfieldsetformframegroupinputitemotp-fieldinput-groupkbdlabelmenumeternumber-fieldpaginationpopoverpreview-cardprogressradio-groupscroll-areaselectseparatorsheetsidebarskeletonsliderspinnerswitchtabletabstextareatoasttoggletoggle-grouptoolbartooltipv-accordion-1v-accordion-2
Components: ui, accordion, alert, alert-dialog, autocomplete, avatar, badge, breadcrumb, button, calendar, card, carousel, chart, checkbox, checkbox-group, collapsible, combobox, command, context-menu, dialog, drawer, empty, field, fieldset, form, frame, group, input, item, otp-field, input-group, kbd, label, menu, meter, number-field, pagination, popover, preview-card, progress, radio-group, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, toolbar, tooltip, v-accordion-1, v-accordion-2, v-accordion-3, v-accordion-4, v-accordion-5, v-accordion-6, v-accordion-7, v-accordion-8, v-accordion-9, v-accordion-10, v-accordion-11, v-accordion-12, v-accordion-13, v-accordion-14, v-accordion-15, v-alert-1, v-alert-2, v-alert-3, v-alert-4, v-alert-5, v-alert-6, v-alert-7, v-alert-8, v-alert-9, v-alert-10, v-alert-11, v-alert-12, v-alert-13, v-alert-14, v-alert-15, v-alert-dialog-1, v-alert-dialog-2, v-alert-dialog-3, v-alert-dialog-4, v-alert-dialog-5, v-alert-dialog-6, v-alert-dialog-7, v-alert-dialog-8, v-alert-dialog-9, v-alert-dialog-10, v-alert-dialog-11, v-alert-dialog-12, v-alert-dialog-13, v-alert-dialog-14, v-alert-dialog-15, v-autocomplete-1, v-autocomplete-2, v-autocomplete-3, v-autocomplete-4, v-autocomplete-5, v-autocomplete-6, v-autocomplete-7, v-autocomplete-8, v-autocomplete-9, v-autocomplete-10, v-autocomplete-11, v-autocomplete-12, v-autocomplete-13, v-autocomplete-14, v-autocomplete-15, v-autocomplete-16, v-autocomplete-17, v-autocomplete-18, v-autocomplete-19, v-autocomplete-20, v-avatar-1, v-avatar-2, v-avatar-3, v-avatar-4, v-avatar-5, v-avatar-6, v-avatar-7, v-avatar-8, v-avatar-9, v-avatar-10, v-avatar-11, v-avatar-12, v-avatar-13, v-avatar-14, v-avatar-15, v-avatar-16, v-avatar-17, v-avatar-18, v-avatar-19, v-avatar-20, v-avatar-21, v-badge-1, v-badge-2, v-badge-3, v-badge-4, v-badge-5, v-badge-6, v-badge-7, v-badge-8, v-badge-9, v-badge-10, v-badge-11, v-badge-12, v-badge-13, v-badge-14, v-badge-15, v-badge-16, v-badge-17, v-breadcrumb-1, v-breadcrumb-2, v-breadcrumb-3, v-breadcrumb-4, v-breadcrumb-5, v-breadcrumb-6, v-breadcrumb-7, v-breadcrumb-8, v-breadcrumb-9, v-breadcrumb-10, v-breadcrumb-11, v-breadcrumb-12, v-breadcrumb-13, v-breadcrumb-14, v-breadcrumb-15, v-button-1, v-button-2, v-button-3, v-button-4, v-button-5, v-button-6, v-button-7, v-button-8, v-button-9, v-button-10, v-button-11, v-button-12, v-button-13, v-button-14, v-button-15, v-button-16, v-button-17, v-button-18, v-button-19, v-button-20, v-button-21, v-button-22, v-button-23, v-button-24, v-button-25, v-button-26, v-button-27, v-button-28, v-button-29, v-button-30, v-calendar-1, v-calendar-2, v-calendar-3, v-calendar-4, v-calendar-5, v-calendar-6, v-calendar-7, v-calendar-8, v-calendar-9, v-calendar-10, v-calendar-11, v-calendar-12, v-calendar-13, v-calendar-14, v-calendar-15, v-calendar-16, v-calendar-17, v-calendar-18, v-calendar-19, v-calendar-20, v-card-1, v-card-2, v-card-3, v-card-4, v-card-5, v-card-6, v-card-7, v-card-8, v-card-9, v-card-10, v-card-11, v-card-12, v-card-13, v-card-14, v-card-15, v-card-16, v-card-17, v-card-18, v-card-19, v-card-20, v-carousel-1, v-carousel-2, v-carousel-3, v-carousel-4, v-carousel-5, v-carousel-6, v-carousel-7, v-carousel-8, v-carousel-9, v-carousel-10, v-carousel-11, v-carousel-12, v-carousel-13, v-carousel-14, v-carousel-15, v-chart-1, v-chart-2, v-chart-3, v-chart-4, v-chart-5, v-chart-6, v-chart-7, v-chart-8, v-chart-9, v-chart-10, v-chart-11, v-chart-12, v-chart-13, v-chart-14, v-chart-15, v-checkbox-1, v-checkbox-2, v-checkbox-3, v-checkbox-4, v-checkbox-5, v-checkbox-6, v-checkbox-7, v-checkbox-8, v-checkbox-9, v-checkbox-10, v-checkbox-11, v-checkbox-12, v-checkbox-13, v-checkbox-14, v-checkbox-15, v-checkbox-group-1, v-checkbox-group-2, v-checkbox-group-3, v-checkbox-group-4, v-checkbox-group-5, v-checkbox-group-6, v-checkbox-group-7, v-checkbox-group-8, v-checkbox-group-9, v-checkbox-group-10, v-checkbox-group-11, v-checkbox-group-12, v-checkbox-group-13, v-checkbox-group-14, v-checkbox-group-15, v-collapsible-1, v-collapsible-2, v-collapsible-3, v-collapsible-4, v-collapsible-5, v-collapsible-6, v-collapsible-7, v-collapsible-8, v-collapsible-9, v-collapsible-10, v-collapsible-11, v-collapsible-12, v-collapsible-13, v-collapsible-14, v-collapsible-15, v-combobox-1, v-combobox-2, v-combobox-3, v-combobox-4, v-combobox-5, v-combobox-6, v-combobox-7, v-combobox-8, v-combobox-9, v-combobox-10, v-combobox-11, v-combobox-12, v-combobox-13, v-combobox-14, v-combobox-15, v-combobox-16, v-combobox-17, v-combobox-18, v-combobox-19, v-combobox-20, v-combobox-21, v-combobox-22, v-command-1, v-command-2, v-command-3, v-command-4, v-command-5, v-command-6, v-command-7, v-command-8, v-command-9, v-command-10, v-command-11, v-command-12, v-command-13, v-command-14, v-command-15, v-context-menu-1, v-context-menu-2, v-context-menu-3, v-context-menu-4, v-context-menu-5, v-context-menu-6, v-context-menu-7, v-context-menu-8, v-context-menu-9, v-context-menu-10, v-context-menu-11, v-context-menu-12, v-context-menu-13, v-context-menu-14, v-context-menu-15, v-date-picker-1, v-date-picker-2, v-date-picker-3, v-date-picker-4, v-date-picker-5, v-date-picker-6, v-date-picker-7, v-date-picker-8, v-date-picker-9, v-date-picker-10, v-date-picker-11, v-date-picker-12, v-date-picker-13, v-date-picker-14, v-date-picker-15, v-dialog-1, v-dialog-2, v-dialog-3, v-dialog-4, v-dialog-5, v-dialog-6, v-dialog-7, v-dialog-8, v-dialog-9, v-dialog-10, v-dialog-11, v-dialog-12Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.