design-infraReport a problem or share feedback← Catalog
Stats 1
freesmoothui/stats-1
Grid stats section block with hover effects
$
npx shadcn@latest add @smoothui/stats-1npm deps: motion
- Source
- SmoothUI
- Kind
- block
- Categories
- stats
- Use as
- drop-in — replaces your component
- Applies to
- stats
- Motion
- on hover · medium · motion · medium cost · respects reduced motion
- Tags
- stats, metrics, grid, numbers, hover, spring, complexity-low, reduced-motion
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Stats 2smoothui/stats-2Cards stats section block with icons and trends
- Stat cardsoc/stat-cardsDashboard KPI tiles: label, big value, delta chip (invertible for churn/latency) and an SVG sparkline in --chart-1.
- Stats rowoc/stats-rowBig-number proof row ('99.99% uptime') with hairline dividers or cards. 2-4 stats.