Shadcn.io is not affiliated with official shadcn/ui
React Contributors Grid Block
React open source contributor grid with animated commit count-ups, growing contribution bars, and hover-revealed repository lists.
A React open source contributors grid built with Next.js, TypeScript, shadcn/ui, Tailwind CSS, and framer-motion. Each cell staggers into view, commit counts animate from zero to final values, and horizontal bars grow proportionally to represent contributions. Hovering a cell reveals specific repositories they contribute to. Perfect for open-source project pages, developer community sections, and engineering culture showcases.
React Contributors Grid Block preview
Installation
Related Components
Team Block Contributors Wall
Dense grid of contributor initials
Team Block Open Source
Open source projects and contributors
Team Block Stats Overview
Team statistics at a glance
Team Animated Directory
Sortable directory with layout animations
Team Animated Hiring
Hiring block with count-up stats
Team Animated Mentors
Mentorship pairs with connection animations
FAQ
Was this page helpful?
Sign in to leave feedback.
React Team Growth Comparison Block
React before-and-after team growth comparison with AnimatePresence toggle between founding team and current team.
React Team Counter Animation Block
React team stats dashboard with counting animations using requestAnimationFrame, framer-motion, shadcn/ui, and Tailwind CSS for Next.js.