ActiveAnimated components8
@dashboardblocks
Animated components · MIT · data updated 2026-10-10
Dashboard blocks for shadcn/ui: KPIs, charts, tables, funnels, heatmaps and full dashboards. Works with Base UI, Radix UI and React Aria, and every style and icon library.
accessibilityaianimationaudioauthblockscardschartsdashboardformsiconsloadersmapsmedianavigationonboardingoverlayspaymentstables
Install
npx shadcn@latest add https://www.dashboardblocks.com/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues0
ArchivedNo
Stars8
Components (308)
activity-feedai-usagealertsanimated-numberanimated-waveapp-shellchartauthbillingblock-statebreakdownchart-panelchecklistdata-tablecommand-menucomparisondashboard-headerdeploymentsdistributionerror-pagesfeedbackflowforecastformsfunnelgaugegeogoalsheatmapiconinsightsinventorykpileaderboardlinkmetric-listnotificationspage-headerpipelineprogress-barrealtimerecord-detailretentionringscatterschedulesecuritysettingsspendstat-groupstatusteamtimelinetrendusage-meterkanbancommentscalendarfilesai-assistant
Components: activity-feed, ai-usage, alerts, animated-number, animated-wave, app-shell, chart, auth, billing, block-state, breakdown, chart-panel, checklist, data-table, command-menu, comparison, dashboard-header, deployments, distribution, error-pages, feedback, flow, forecast, forms, funnel, gauge, geo, goals, heatmap, icon, insights, inventory, kpi, leaderboard, link, metric-list, notifications, page-header, pipeline, progress-bar, realtime, record-detail, retention, ring, scatter, schedule, security, settings, spend, stat-group, status, team, timeline, trend, usage-meter, kanban, comments, calendar, files, ai-assistant, invoice, onboarding, kpi-01, kpi-02, kpi-03, progress-kpi-01, progress-kpi-02, progress-kpi-03, bar-chart-kpi-01, bar-chart-kpi-02, line-chart-kpi-01, area-chart-kpi-01, area-chart-kpi-02, activity-feed-01, activity-feed-02, activity-feed-03, activity-feed-04, activity-feed-05, usage-meter-01, usage-meter-02, usage-meter-03, usage-meter-04, usage-meter-05, usage-meter-06, usage-meter-07, usage-meter-08, leaderboard-01, leaderboard-02, leaderboard-03, leaderboard-04, leaderboard-05, chart-panel-01, chart-panel-02, chart-panel-03, chart-panel-04, chart-panel-05, chart-panel-06, breakdown-01, breakdown-02, breakdown-03, breakdown-04, funnel-01, funnel-02, funnel-03, funnel-04, status-01, status-02, status-03, status-04, status-05, stat-group-01, stat-group-02, stat-group-03, stat-group-04, stat-group-05, dashboard-header-01, dashboard-header-02, dashboard-header-03, dashboard-header-04, data-table-01, data-table-02, data-table-03, data-table-04, data-table-05, data-table-06, heatmap-01, heatmap-02, heatmap-03, heatmap-04, states-01, states-02, states-03, states-04, dashboard-01, dashboard-02, dashboard-03, dashboard-04, dashboard-05, goals-01, goals-02, goals-03, goals-04, comparison-01, comparison-02, comparison-03, comparison-04, alerts-01, alerts-02, alerts-03, alerts-04, geo-01, geo-02, geo-03, geo-04, billing-01, billing-02, billing-03, billing-04, billing-05, insights-01, insights-02, insights-03, insights-04, pipeline-01, pipeline-02, pipeline-03, pipeline-04, schedule-01, schedule-02, schedule-03, schedule-04, team-01, team-02, team-03, team-04, team-05, team-06, checklist-01, checklist-02, checklist-03, checklist-04, gauge-01, gauge-02, gauge-03, gauge-04, metric-list-01, metric-list-02, metric-list-03, metric-list-04, forecast-01, forecast-02, forecast-03, forecast-04, retention-01, retention-02, retention-03, retention-04, distribution-01, distribution-02, distribution-03, distribution-04, spend-01, spend-02, spend-03, spend-04, flow-01, flow-02, flow-03, flow-04, timeline-01, timeline-02, timeline-03, timeline-04, realtime-01, realtime-02, realtime-03, realtime-04, feedback-01, feedback-02, feedback-03, feedback-04, deployments-01, deployments-02, deployments-03, deployments-04, scatter-01, scatter-02, scatter-03, scatter-04, security-01, security-02, security-03, security-04, security-05, security-06, inventory-01, inventory-02, inventory-03, inventory-04, ai-usage-01, ai-usage-02, ai-usage-03, ai-usage-04, settings-01, settings-02, settings-03, settings-04, settings-05, settings-06, settings-07, app-shell-01, app-shell-02, app-shell-03, app-shell-04, forms-01, forms-02, forms-03, forms-04, record-detail-01, record-detail-02, record-detail-03, page-header-01, page-header-02, page-header-03, page-header-04, notifications-01, notifications-02, notifications-03, command-menu-01, command-menu-02, kanban-01, kanban-02, kanban-03, comments-01, comments-02, comments-03, comments-04, calendar-01, calendar-02, calendar-03, calendar-04, files-01, files-02, files-03, files-04, ai-assistant-01, ai-assistant-02, ai-assistant-03, ai-assistant-04, invoice-01, invoice-02, invoice-03, invoice-04, onboarding-01, onboarding-02, onboarding-03, onboarding-04, error-pages-01, error-pages-02, error-pages-03, error-pages-04, error-pages-05, auth-01, auth-02, auth-03, auth-04, use-animated-number, use-in-viewPreview
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.
@dashboardblocks · activity-feed
npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed.jsonView source