Dashboard blocks

Overview pages built from cards, badges, ChartLine charts and tables.

3 variants. Every block is one file built from CK-UI components and works in light and dark mode.

Overview dashboard

Key figures with their change, a revenue chart and recent activity, built from Card, Badge and ChartLine.

Also copy the files they import: LegendIndicator, ThemeScope, Tooltip.

npm install @radix-ui/react-slot @radix-ui/react-tooltip class-variance-authority react-icons

A ChartLine card with a 7, 30 and 90 day switch and the selected point's details below the chart.

Also copy the files they import: LegendIndicator, ThemeScope, Tooltip.

npm install @radix-ui/react-slot @radix-ui/react-tabs @radix-ui/react-tooltip class-variance-authority react-icons

The latest orders in a captioned Table with status badges and a link to every order.

npm install @radix-ui/react-slot class-variance-authority react-icons