Shadcn.io is not affiliated with official shadcn/ui
Profile Stats Overview
React stats-heavy profile block for Next.js with 2x2 metrics grid, weekly activity bar chart, contribution streaks, and animated counters using shadcn/ui, Tailwind CSS, and framer-motion
Visualize developer performance with this stats-driven profile block for React and Next.js. Features a compact avatar header, a 2x2 grid of large metric numbers for contributions, streak days, projects, and stars, plus a weekly activity bar chart with day labels. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and framer-motion animated bars and counters. Perfect for developer dashboards, leaderboard profiles, and performance review screens.
Related Components
Developer Card
GitHub-style developer profile
Activity Timeline
Profile with activity feed
Fitness Tracker
Fitness stats profile
Gaming Stats
Gaming statistics profile
Athlete Performance
Athletic performance profile
Data Scientist Models
Data science profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Startup Founder
React startup founder profile block for Next.js with funding timeline, team size metrics, product milestones, and investor highlights using shadcn/ui, Tailwind CSS, and framer-motion animations
Streamer Overlay
React streamer overlay profile block for Next.js with live status indicator, subscriber goals progress bar, recent donations feed, chat activity stats, and stream schedule using shadcn/ui, Tailwind CSS, and framer-motion