Shadcn.io is not affiliated with official shadcn/ui
About Community Stats
An asymmetric bento grid of developer community metrics for React and Next.js with featured stats, growth trends, and platform-specific context built with shadcn/ui and Tailwind CSS
Showcase open-source community health with this bento grid stats block for React and Next.js. Features an asymmetric grid layout where GitHub stars gets a prominent two-column featured cell, with npm downloads, Discord members, and contributor count in individual cells, each with platform-specific context and month-over-month growth indicators. Built with TypeScript, shadcn/ui Badge component, motion/react staggered scale entrance animations, and Tailwind CSS. Perfect for open-source project pages, developer tool marketing sites, and community dashboards.
Related Components
Community CTA
Community join call-to-action
Social Proof
Social proof and trust indicators
API Stats
API performance statistics
Stats Large
Large format statistics display
Counters Row
Horizontal counter metrics row
Quick Facts
Quick company facts overview
FAQ
Was this page helpful?
Sign in to leave feedback.
Community CTA
A split panel community call-to-action for React and Next.js with stats, avatar stack, platform channel cards, and activity indicators built with shadcn/ui and Tailwind CSS
Company Dna
A left-accent card stack of founding principles for React and Next.js with monospace numbering, decision-making test questions, and expandable detail sections built with shadcn/ui and Tailwind CSS