Shadcn.io is not affiliated with official shadcn/ui
Profile 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
Showcase developer advocates with this DevRel profile block built with React and Next.js. Features a conference talk timeline with attendee counts, content creation metrics across blog posts, videos, and livestreams, community engagement stats, upcoming event schedule, and social platform reach breakdown. Built with TypeScript, shadcn/ui Avatar, Badge, Tabs, and Button components, Tailwind CSS, and framer-motion staggered animations. Perfect for DevRel team pages, speaker directories, and developer community platforms.
Related Components
Speaker Bio
Conference speaker profile
Podcast Host
Podcast host profile
Open Source Contributor
OS contributor profile
Author Page
Writer profile page
Social Feed
Social media profile feed
Developer Card
GitHub-style developer profile
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Dj Schedule
React DJ profile block for Next.js with event schedule, genre expertise, setlist archive, and venue history using shadcn/ui, Tailwind CSS, and framer-motion