Developer
For individual builders.
$0forever
No card required
- Unlimited UI and UX guidance
- Design systems
- Templates
- Slides
- Illustrations
- Video
Analytics dashboard template for React
A KPI strip, a multi-chart layout and dimension breakdowns, styled by Supabase. Switch to 6 other design systems below.
$0 forever. No card required. Other install options
Audience overview
Last 30 days
30d
90d
YTD
Active users
48,290
↑ +12.4%
Sessions
182,401
↑ +8.1%
Avg. duration
3m 42s
↓ -0.6%
Bounce rate
24.1%
↑ -2.3%
Active users
Daily active users, last 30 days
Traffic sources
Share of sessions
Direct38%
Organic27%
Referral18%
Social11%
Email6%
Top pages
Pageviews, last 30 days
| Page | Views | Change |
|---|---|---|
| / | 24,182 | +12% |
| /design-systems | 18,290 | +24% |
| /templates | 12,401 | +88% |
| /components | 9,820 | +6% |
| /mcp | 6,142 | +18% |
| /manifesto | 3,090 | -4% |
Built on the stack you already use
- React
- Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui
- Radix UI
Everything the screen needs
Source you own
Install the components with the shadcn CLI. Every line lands in your repo.
7 design systems
Switch the same layout between design systems that fit it, with no rewrite.
One theme for every screen
Colors, corner radius and shadows come from CSS variables, so one change restyles it all.
Built by your agent
Ask Claude Code, Cursor or Codex for this screen. The MCP gives it the system and the rules.
Checked before handoff
Your agent reviews accessibility, spacing and copy against the review rules.
Interface only
No database or sign-in wiring to remove. Connect the data you already have.
Free to build. Pay for your own brand.
Pro
Teach your coding agent your own brand.
$20/ month
$240 a year after the trial.Save $48
- Everything in Developer
- Your brand guidelines, kept private, applied to every build
- GitHub PR reviews
- Mobile tools
- 3D tools
- Shopify tools
- $240 a year after the 14-day free trial.
- Renews automatically until you cancel.
- Cancel anytime from Manage subscription.
Agency & Enterprise
One private brand for every client, product, or business unit.
Custompricing
Scope and price follow the call.
- Everything in Pro
- A separate private brand for every client or business unit
- White label under your own name
- We set it up with you
Questions
What is in the Analytics template?
A KPI strip, a multi-chart layout and dimension breakdowns. Every part is a shadcn-compatible component you can edit.
Is it free?
Yes. The Developer plan is $0 forever, with no card. Pro adds your own private brand for $20 a month, billed yearly.
How do I install it?
Run npx better-design to connect your coding agent, then ask it for the Analytics template. To add one component, use npx shadcn@latest add with its registry link.
Which design system should I pick?
Start with Carbon, the default for this layout. The switcher lists 6 others that fit it.
Can it use my own brand?
Yes, on Pro. Your agent applies your private brand guidelines to every screen it builds.
Does it include a backend?
No. The template is the interface only, so you connect your own data and sign-in.
Build the Analytics screen in your own repo
$0 forever. No card required. Other install options
Built with Better Design.
FIFA World Cup 26 bracket
A live radial knockout bracket with animated paths, match details, and an interactive 3D trophy.
View live
TodoGit
A Git-based task manager for people and their coding agents, built around fast keyboard workflows.
View live
Coffee World
A liquid glass photo carousel: an endless curved grid of refracting glass slabs, rendered in a single WebGL2 shader.
View live