shadcn/ui Stat Components

Dev Design Library indexes 52 shadcn/ui stat components from 8 open-source UI libraries, with the most coming from Watermelon UI, Shadcn Space, FLX UI, sv-particles and Intent UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Stat components belong to the Data display group.

• chart-01Intent UI · Reactchart-01
• Avatar-05 - CounterShadcn Space · ReactCounter avatar component
• Agndex DashboardWatermelon UI · ReactA developer portal for managing search indexes, API credentials, billing, and project settings with light and dark…
• Animated numberCojeev UI · ReactA smooth, interruptible number transition for totals, metrics and small moments of progress.
• StatFLX UI · ReactKPI value with an icon and a tinted trend badge.
• Globe split heroVelora UI · ReactSplit hero with copy, CTAs and live stats beside an interactive dotted globe with arcs.
• Characters Remaining Countsv-particles · SvelteText input that shows how many characters are still left before the limit.
• Dashboard 01D2Studio UI · ReactHotel booking dashboard with guest and vacancy stats, booking search and a check-in and check-out table.
• chart-02Intent UI · Reactchart-02
• Input-06 - Input with character counterShadcn Space · ReactInput component
• Astrix DashboardWatermelon UI · ReactA trade compliance workspace with AI classification metrics, a live pipeline, HS code stream review, and light and…
• Analytics overviewFLX UI · ReactSidebar, KPI cards, a bar chart, and a recent activity list.
• Outline Like With Countsv-particles · SvelteOutlined like button with a heart and the number of likes next to it.
• chart-03Intent UI · Reactchart-03
• Number Ticker 06 - Social ProofShadcn Space · ReactA social proof counter with a counting member number and a stacked avatar cluster, perfect for signup counts…
• Demostack DashboardWatermelon UI · ReactA responsive product-demo workspace with organization switching, resource discovery, team filtering, and light and…
• Stat rowsFLX UI · ReactStacked KPI rows with label, value, and trend delta.
• With Character Countsv-particles · SvelteForm field that shows the number of characters typed out of the maximum.
• Skeleton 01 - Profile with StatsShadcn Space · ReactAnimated profile skeleton with staggered fade-up motion on each element — avatar, text lines, stats grid, and CTA…
• Gridline DashboardWatermelon UI · ReactA responsive electrical-grid workspace for network modelling, asset flexibility, planning, operations, and stakeholder…
• Dashboard previewFLX UI · ReactA layered app dashboard with a floating notification.
• Statistics 02 - Business Metrics BarShadcn Space · ReactA horizontal KPI bar displaying orders, sales, profit, and expenses with weekly change indicators, ideal for…
• Jobtracker DashboardWatermelon UI · ReactA responsive job management workspace with customer records, job pipelines, estimates, drag-and-drop line items, and…
• MetricsFLX UI · ReactA stat card with trend and sparkline, layered over a second.
• Switch 09 - Sizes & StatesShadcn Space · ReactSmall and default switches in off, on, disabled, and invalid states with clickable labels.
• Library DashboardWatermelon UI · ReactA responsive library management dashboard with collection metrics, circulation charts, branch switching, and…
• Medesk DashboardWatermelon UI · ReactA healthcare operations dashboard for appointments, staff performance, department load, resources, and patient flow…
• Tallie DashboardWatermelon UI · ReactAn expense audit workspace with live controls, exception tracking, transaction review, and light and dark themes.
• Bionis DashboardWatermelon UI · React
• Business ManagementWatermelon UI · React
• Business Operations DashboardWatermelon UI · React
• Capitalio DashboardWatermelon UI · React
• E Commerce DashboardWatermelon UI · React
• Erp DashboardWatermelon UI · React
• HrmWatermelon UI · React
• Incident ManagementWatermelon UI · React
• Invoice Generator DashboardWatermelon UI · React
• Invoice Manager DashboardWatermelon UI · React
• Issue TrackingWatermelon UI · React
• Lead DashboardWatermelon UI · React
• Mail DashboardWatermelon UI · React
• Meetings DashboardWatermelon UI · React
• Payment Operations DashboardWatermelon UI · React
• Portfolio DashboardWatermelon UI · React
• Project Management DashboardWatermelon UI · React
• Sales DashboardWatermelon UI · React
• Stats 1Watermelon UI · React
• Stats 2Watermelon UI · React
• Stats 4Watermelon UI · React
• Task Management DashboardWatermelon UI · React
• Web3 DashboardWatermelon UI · React
• Workflow Management DashboardWatermelon UI · React

Libraries with shadcn/ui stat components

• Watermelon UI
• Shadcn Space
• FLX UI
• sv-particles
• Intent UI

Related categories

• Stat Components
• React Stat Components
• Tailwind CSS Stat Components
• Svelte Stat Components
• Animated Stat Components
• shadcn/ui Data Display Components
• shadcn/ui Card Components
• shadcn/ui Table Components
• shadcn/ui Avatar Components
• shadcn/ui Data Table Components
• shadcn/ui Accordion Components
• shadcn/ui List Components
• shadcn/ui Chart Components
• shadcn/ui Calendar Components
• shadcn/ui Collapsible Components
• shadcn/ui Stat Card Components
• shadcn/ui Avatar Group Components
• shadcn/ui Tree View Components
• shadcn/ui Carousel Components
• shadcn/ui Testimonial Components
• shadcn/ui Filter Bar Components