Shadcn.io is not affiliated with official shadcn/ui
Profile Gaming Stats
React gaming stats profile block for Next.js with rank badge, match history, KDA ratio, win rate progress bars, and weapon loadout display using shadcn/ui, Tailwind CSS, and framer-motion
Display competitive gaming profiles with this React and Next.js block. Features a rank tier badge, KDA and win rate stats, match history with outcome indicators, weapon usage breakdown with animated progress bars, and achievement badges. Built with TypeScript, shadcn/ui Avatar, Badge, Progress, and Tabs components, Tailwind CSS, and framer-motion entrance animations. Perfect for esports team pages, gaming communities, and player stat trackers.
Related Components
Developer Profile Card
GitHub-style developer profile
Streamer Overlay Profile
Streaming platform profile layout
Student Academic Profile
Academic transcript and GPA display
Investor Portfolio Profile
Investment holdings and returns
Freelancer Rates Profile
Freelancer skills and hourly rates
Speaker Bio Profile
Conference speaker profile card
FAQ
Was this page helpful?
Sign in to leave feedback.
Freelancer Rates
React freelancer rates profile block for Next.js with skill-based pricing tiers, availability calendar indicator, project history, and client testimonial cards using shadcn/ui, Tailwind CSS, and framer-motion
Graphic Designer
React graphic designer profile block for Next.js with style gallery, brand identity projects, tool proficiency, and design philosophy using shadcn/ui, Tailwind CSS, and framer-motion