ActiveCharts/data viz1
@esuiss
Charts/data viz · MIT · data updated 2026-10-20
Copy-paste components, patterns, interactions, charts and blocks for React with Next.js and Vite, React Native with Expo, SwiftUI and Jetpack Compose.
authbackgroundsblocksbuttonscardschartsdashboardformsloadersmediamobilenavigationoverlaystablestheming
Install
npx shadcn@latest add https://suiss.app/ui/r/registry/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues0
ArchivedNo
Stars1
Components (232)
accordionalert-dialogalert-sheetalertaspect-ratioattachmentavatarbadgebreadcrumbbubblebutton-groupbuttoncalendarcardcarouselchartcheckboxcode-blockcollapsiblecomboboxcommandcontext-menudialogdirectiondrawerdropdown-menuemptyfieldfullscreen-menuhover-cardinput-groupinput-otpinputitemkbdlabelmarkermenubarmessage-scrollermessagenative-selectnavigation-menupaginationpopoverprogressquestionnaireradio-groupresizablescroll-areaselectseparatorsheetsidebarskeletonsliderspinnerswitchtab-bartabletabs
Components: accordion, alert-dialog, alert-sheet, alert, aspect-ratio, attachment, avatar, badge, breadcrumb, bubble, button-group, button, calendar, card, carousel, chart, checkbox, code-block, collapsible, combobox, command, context-menu, dialog, direction, drawer, dropdown-menu, empty, field, fullscreen-menu, hover-card, input-group, input-otp, input, item, kbd, label, marker, menubar, message-scroller, message, native-select, navigation-menu, pagination, popover, progress, questionnaire, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, tab-bar, table, tabs, textarea, theme, toast, toggle-group, toggle, tooltip, trace, wheel-picker, widget, action-bar, action-menu, app-shell, command-palette, confirm, context-actions, date-picker, flyout, modal, navbar, paged-list, panel, picker, preview, search-picker, segment-picker, split-view, table-list, trail, island, otp-autofill, preview-menu, pull-to-refresh, search-reveal, section-index, selection-list, stepper, swipe-actions, tip, undo-bar, area-chart-axes, area-chart-default, area-chart-gradient, area-chart-interactive, area-chart-linear, area-chart-range, area-chart-sparkline, area-chart-stacked-expand, area-chart-stacked, area-chart-step, bar-chart-active, bar-chart-default, bar-chart-horizontal, bar-chart-hourly, bar-chart-interactive, bar-chart-labeled, bar-chart-multiple, bar-chart-negative, bar-chart-range, bar-chart-stacked, line-chart-default, line-chart-dots, line-chart-forecast, line-chart-goal-dots, line-chart-goal, line-chart-interactive, line-chart-labeled, line-chart-linear, line-chart-multiple, line-chart-step, pie-chart-active, pie-chart-default, pie-chart-donut-text, pie-chart-donut, pie-chart-half, pie-chart-interactive, pie-chart-label, pie-chart-legend, pie-chart-nested, pie-chart-separated, radar-chart-default, radar-chart-dots, radar-chart-grid-circle, radar-chart-grid-filled, radar-chart-grid-none, radar-chart-interactive, radar-chart-legend, radar-chart-lines-only, radar-chart-multiple, radar-chart-radius-axis, radial-chart-batteries, radial-chart-default, radial-chart-gauge, radial-chart-interactive, radial-chart-label, radial-chart-progress, radial-chart-rings, radial-chart-stacked, radial-chart-text, radial-chart-tinted, tooltip-chart-custom, tooltip-chart-dashed, tooltip-chart-dot, tooltip-chart-formatter, tooltip-chart-icons, tooltip-chart-interactive, tooltip-chart-label-formatter, tooltip-chart-line, tooltip-chart-no-indicator, tooltip-chart-no-label, bag-checkout, bag-configure, bag-review, bento-closer-look, bento-features, bento-stats, chat-conversations, chat-support, chat-thread, dash-analytics, dash-health, dash-store, empty-bag, empty-offline, empty-search, footer-compact, footer-directory, footer-services, grid-accessories, grid-carousel, grid-lineup, hero-cinematic, hero-product, hero-tiles, inbox-categories, inbox-mail, inbox-support, log-activity, log-live, log-security, login-account, login-passkey, login-sheet, nav-categories, nav-global, nav-local, price-bundle, price-care, price-storage, roles-editor, roles-matrix, roles-requests, settings-account, settings-device, settings-notifications, signup-form, signup-steps, signup-trial, users-detail, users-invite, users-table, verify-code, verify-device, verify-email, use-highlighted-code, use-message-scroller, use-mobile, use-platform, use-questionnaire, use-scrollbar-gap, highlighter, utils, theme-suissPreview
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.