Shadcn.io is not affiliated with official shadcn/ui
Profile Developer Card
React developer profile card block for Next.js with GitHub-style contribution grid, language badges, pinned repositories, and follower stats using shadcn/ui, Tailwind CSS, and framer-motion
Showcase developer profiles with this GitHub-inspired card block built with React and Next.js. Features a contribution activity grid with opacity-level dots, language and technology badges, repository counts, follower stats, and a pinned repos section. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and framer-motion animations. Perfect for developer portfolios, team pages, and open-source contributor showcases.
Related Components
Profile Stats Overview
Stats-heavy profile with metrics grid
Profile Activity Timeline
Profile with recent activity feed
Profile Portfolio Showcase
Two-panel portfolio layout
Open Source Contributor
Open source contribution profile
Team Member Detail
Detailed team member view
AI Engineer Profile
AI engineer profile card
FAQ
Was this page helpful?
Sign in to leave feedback.
Designer Showcase
React designer showcase profile block for Next.js with project gallery cards, design tool badges, client logos, testimonials, and availability status using shadcn/ui, Tailwind CSS, and framer-motion
Devrel Advocate
React developer relations advocate profile block for Next.js with talk history, content metrics, community stats, event schedule, and platform reach using shadcn/ui, Tailwind CSS, and framer-motion