78 accessible components, 26 with a Motion edition you can feel, and 63 blocks. Add them with the shadcn CLI or MCP, or start from a Next.js 16 admin dashboard. Pro adds the database, sign-in and analytics.
Or try the live demoMIT licensed · Next.js 16 · React 19 · Tailwind CSS v4 · Radix · shadcn registry
Live — the real components, not recordings
Try them here, before you install anything
This month
Three numbers from one store, compared with last month.
Revenue
$48,290
Up +12.5%vs last month
Traffic sources
Where visitors came from.
Visitors- Organic search4,21046.8%
- Direct2,38026.4%
- Social1,54017.1%
- Referral8709.7%
Quick actions
Type “invite” or “dark”, then press Enter.
No results found.OverviewGOCustomersGCInvoicesGIInvite a teammateSwitch to dark modeSettings⌘,Storage
62 of 100 GB on the Team plan.
Notifications
What we email you about.
Your numbers, every Monday
When a teammate tags you
A few times a year
Annual quote
Prices format as you type; arrows step them.
$Total per year$1,740
Components first, then whole dashboards
Each component does one job. The dashboards put them together into pages that work: the Overview is free, Pro adds four dashboards and three apps, each with its own data and settings.
$ pnpm dlx shadcn@latest add @dashral/metric-cardMotion you feel, not notice
Numbers count to their value, lines draw in, bars rise one after another and popups settle on a spring. Three durations and four curves, written in CSS, shared by every component.
How motion works--duration-considered × 1.5, easing out
26 Motion editions, free and MIT licensed
Components you can feel
The same components with motion/react on top: drag them, hold them, sweep across them, and watch numbers travel. Same props, one import to swap. Try them here.
Odometer numbers
Each digit turns as far as it travelled. Hold + and it speeds up; at 12 it strains.
See it on its pageHold to confirm
For what can't be undone: a fill sweeps across while you hold, then it pops and runs.
See it on its pageA rubber band at the ends
Drag past an end and the track stretches after you; the bubble leans as you go.
See it on its pageA thumb you can drag
It follows your finger, goes over past the middle and holds back past the end.
See it on its pageSweep to select
Press one box and run the pointer down the list: each takes the same state.
See it on its pageThe details people notice, done for you
Accessible by default
Built on Radix. Every component page lists its keyboard support and what screen readers hear, and the dashboards are tested on phones.
Motion that feels considered
One set of durations and a spring written in CSS: highlights that slide, numbers that count, popups that settle. Motion editions add drags, holds and odometer numbers. Reduced motion is respected.
One command to add
Every component is in a shadcn registry, with the components it builds on and the theme tokens it needs. Or copy the file.
Themes in CSS variables
Colors, radius and card styles are tokens, in light and dark. Change a few lines and the whole dashboard follows.
Ready for AI assistants
Every page comes as Markdown, with an llms.txt index, so Claude, ChatGPT or Cursor can read the docs as they help you build.
Real apps, not mockups
Pro's dashboards run on a database with sign-in, roles and file uploads — start it locally with no setup, deploy it on Postgres.
78 components in 12 families
Installation guide- AI 7Approval Card, Conversation, Message, Prompt Composer, Prompt Suggestions, Reasoning, Tool Activity
- Actions 7Button, Command, Context Menu, Copy Button, Dropdown Menu, Toggle, Toggle Group
- Charts 10Area Chart, Bar Chart, Bar List, Candlestick Chart, Donut Chart, Gauge, Heatmap, Line Chart, Sparkline, Treemap
- Data display 9Avatar, Badge, Carousel, Data Table, Kbd, Metric Card, Table, Timeline, Tree View
- Dates 4Calendar, Date Picker, Date Range Picker, Time Picker
- Effects 2Marquee, Text Reveal
- Feedback 7Alert, Empty State, Note, Progress, Skeleton, Spinner, Toast
- Inputs 12Checkbox, Field, File Dropzone, Input, Input OTP, Number Input, Radio Group, Segmented Control, Slider, Switch, Tag Input, Textarea
- Layout 5Accordion, Card, Resizable, Scroll Shadow, Separator
- Navigation 5Breadcrumb, Pagination, Sidebar, Steps, Tabs
- Overlays 6Alert Dialog, Dialog, Hover Card, Popover, Sheet, Tooltip
- Selects 4Combobox, Multi Select, Native Select, Select
Free to start, Pro when you need the apps
- Every accessible component, with docs
- shadcn registry: add any component with one command
- Overview dashboard, settings, pricing & auth pages
- Themes, light & dark mode
- English, Indonesian & Arabic (right to left)
- Community support
- 29 Pro blocks: analytics panels, kanban board, data pipeline, network globe and more. See them all
- Analytics: your own tracker, live visitors, funnels, cohorts
- E-commerce: orders, products with photos, customers, stock
- CRM: pipeline board, deals, contacts, companies, activity
- Services: a live map of what calls what, health checks, impact
- Kanban: boards, drag & drop, labels, due dates
- Calendar: month, week & day, recurring events, drag to move
- Chat: direct & group chats, replies, reactions, attachments
- Sign-in: email, GitHub & Google, roles, user admin and invitations
- Database (Drizzle ORM): Postgres, or PGlite with no setup
- File uploads: a local folder or S3-compatible storage
- Error monitoring: Sentry, on with one key
Build the dashboard. Skip the busywork.
Open the demo, click around, then add what you like to your app.