Shadcn.io is not affiliated with official shadcn/ui
About By The Numbers
A company metrics bento grid block for React and Next.js with categorized stat groups, asymmetric cell sizing, trend indicators, contextual footnotes, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Showcase company credibility through numbers with this bento-grid metrics block for React and Next.js. Features categorized stat groups (Scale, Reliability, Satisfaction, Growth), asymmetric grid cells with featured metrics spanning two columns, trend direction indicators, contextual footnotes per metric, and staggered scale-in entrance animations. Built with TypeScript, shadcn/ui Badge and Separator components, motion/react grid animations, and Tailwind CSS. Perfect for about pages, investor decks, and trust-building sections.
Related Components
Stats Large
Large format stat display
Stats Colored
Color-coded stat cards
Counters Row
Inline counter metrics
API Stats
Technical API performance metrics
SLA Commitments
Service level guarantees
Community Stats
Community and user metrics
FAQ
Was this page helpful?
Sign in to leave feedback.
Brand Identity
A brand identity and values block for React and Next.js with vertical timeline-style pillars, origin story section, manifesto quotes, in-practice proof points, expandable detail panels, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Careers CTA
A careers call-to-action block for React and Next.js with department-filtered job listings, culture proof metrics, benefit highlights, team size indicators, salary ranges, and staggered entrance animations built with shadcn/ui and Tailwind CSS