Dashboard Overview

shadcn-io/dashboard-overview

PaidBlock

Animated React dashboard overview block for Next.js with four KPI metric cards showing revenue, users, conversion rate, and MRR with trend indicators, percentage changes, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion

Live preview

live · rendered by the registry

Rendered by shadcn-io on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn.io/r/dashboard-overview.json

This registry’s item endpoint answers 401 — the command needs credentials from shadcn-io.

What it pulls in

npm packages

framer-motion
lucide-react

Files it writes

blocks/dashboard/dashboard-overview.tsx

More from shadcn-io

All 7,783 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
About Accessibility Pledgeabout-accessibility-pledge	shadcn-io	Blocks	Paid	2 deps
About Advisory Boardabout-advisory-board	shadcn-io	Blocks	Paid	2 deps
About Alternatingabout-alternating	shadcn-io	Blocks	Paid	2 deps
About Alumni Networkabout-alumni-network	shadcn-io	Blocks	Paid	2 deps
About Api Statsabout-api-stats	shadcn-io	Blocks	Paid	2 deps
About Approachabout-approach	shadcn-io	Blocks	Paid	2 deps
About Architecture Overviewabout-architecture-overview	shadcn-io	Blocks	Paid	2 deps
About Awardsabout-awards	shadcn-io	Blocks	Paid	2 deps