Skip to content
Application & Dashboard
B. Application & Dashboard

Analytics Dashboard

KPI overviews, sales performance, realtime feeds, date comparison with a filters drawer and an editable widget grid.

15 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash
npx @wunderui/cli add app/analytics-dashboard

01Overview with KPIs and charts

Uses: AppFrame · StatCard · TrendChip · Chart · Table

components/blocks/app/analytics-dashboard/01-overview.tsx

02Sales performance

Uses: AppFrame · StatCard · Chart · Progress · Badge

components/blocks/app/analytics-dashboard/02-sales-performance.tsx

03Realtime / live dashboard

Uses: AppFrame · StatCard · Chart · Badge · AvatarGroup

components/blocks/app/analytics-dashboard/03-realtime.tsx

04Date compare + filters drawer

Uses: AppFrame · Sheet · Segment · Checkbox · Chart

components/blocks/app/analytics-dashboard/04-date-compare-filters.tsx

05Customizable widget grid (edit mode)

Uses: AppFrame · StatCard · Chart · IconButton · Badge

components/blocks/app/analytics-dashboard/05-widget-grid-edit.tsx

06Revenue overview with recent orders

Uses: AppFrame · StatCard · Chart · Segment · Table

components/blocks/app/analytics-dashboard/06-revenue-overview.tsx

07Orders and revenue mix

Uses: AppFrame · StatCard · Chart · Progress · Badge

components/blocks/app/analytics-dashboard/07-orders-revenue-mix.tsx

08Recurring revenue and attention list

Uses: AppFrame · StatCard · Chart · Badge · Progress

components/blocks/app/analytics-dashboard/08-recurring-revenue.tsx

09Revenue, leads and campaign ROI

Uses: AppFrame · StatCard · Chart · Progress · Table

components/blocks/app/analytics-dashboard/09-leads-campaign-roi.tsx

10Store performance with funnel

Uses: AppFrame · StatCard · Chart · Segment · Tooltip

components/blocks/app/analytics-dashboard/10-store-funnel.tsx

11Revenue, team and balance

Uses: AppFrame · StatCard · Chart · Avatar · Table

components/blocks/app/analytics-dashboard/11-team-balance.tsx

12Revenue, calendar and at-risk deals

Uses: AppFrame · MetricCard · Chart · Progress · Table

components/blocks/app/analytics-dashboard/12-calendar-deals.tsx

13Client revenue and renewals

Uses: AppFrame · MetricCard · Chart · TrendChip · EmptyState

components/blocks/app/analytics-dashboard/13-client-renewals.tsx

14Usage, billing and activity

Uses: AppFrame · Progress · Chart · NativeSelect · Button

components/blocks/app/analytics-dashboard/14-usage-billing.tsx

15Support conversations and CSAT

Uses: AppFrame · Chart · NativeSelect · Avatar · Table

components/blocks/app/analytics-dashboard/15-support-csat.tsx

← App ShellBilling / Subscription Management →