Dashboard Home
The home page is a product dashboard mock-up: metric cards, charts and tables.
Install
npx shadcn@latest add "https://webberui.com/r/dashboard-home.json?t=<install token>"The whole page lands in app/templates/dashboard-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero
A top nav bar with the main headline, two action buttons and an interactive live dashboard mock-up.
hero - 2
Customer Logo Strip
Six brand names in a row, as social proof for the 1,200+ teams on board.
misc - 3
Product Features
Six feature cards covering live pipelines, anomaly alerts, data integrations and permission governance.
features - 4
Key Figures
Four count-up statistics: paying teams, event volume, uptime and data latency.
stats - 5
Customer Testimonials
Three customer quotes with gradient avatars, names and job titles to shore up credibility.
testimonial - 6
Pricing Plans
Three price cards listing their features, with the Pro plan flagged as most popular.
pricing - 7
Closing Call to Action
A green-glow closing block, pointing visitors to a free start or a conversation with a specialist.
cta - 8
Footer
Brand blurb, social links, four navigation columns and a copyright and system-status row.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →