Blocks/Analytics Dashboard
Analytics DashboardNew
Analytics screen with range tabs, KPI cards, a metric chart, a sortable top-pages table and a channel breakdown.
Last 30 days
Analytics
Visitors over time
Sep 9Oct 8
Channels
- Organic search38%
- Direct29%
- Social19%
- Referral14%
Top pages and sources
| / | 9,660 | 3.1% | 1:14 |
| /pricing | 5,954 | 8.5% | 1:55 |
| /blog/getting-started | 4,967 | 2.6% | 3:31 |
| /docs | 4,709 | 5.2% | 3:08 |
| /features | 3,336 | 6.6% | 1:39 |
| google.com | 3,161 | 3.9% | 2:17 |
| news.ycombinator.com | 2,244 | 2.8% | 1:28 |
| x.com | 1,575 | 2.0% | 1:04 |
Installation
$npx shadcn@latest add @opendraft/analytics-dashboard
Needs the @opendraft registry in your components.json. See Installation.
Dependencies
Source
The files the install command adds to your project. They're yours to edit.