Shadcn.io is not affiliated with official shadcn/ui
React Git Activity Dashboard Block
Animated React git activity dashboard block for Next.js with commit history, pull request stats, code review metrics, contribution heatmap-style grid, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion
Track engineering velocity with this animated git activity dashboard block for React and Next.js. View commit counts, open pull requests, review turnaround times, and a contribution heatmap-style grid showing daily activity levels over the past four weeks. Each contributor row shows their commits, reviews, and lines changed. Built with TypeScript, shadcn/ui, Tailwind CSS, and framer-motion for engineering dashboards, team velocity tracking, and developer productivity panels.
React Git Activity Dashboard Block preview
Installation
Related Components
Team Activity
Team member activity feed with avatars
Team Workload
Workload distribution across team members
Code Quality
Code quality metrics with linting scores
CI/CD Pipeline
Build and deploy pipeline visualization
Release Tracker
Version release history with changelogs
Project Progress
Project list with animated progress bars
FAQ
Was this page helpful?
Sign in to leave feedback.
React Geographic Breakdown Dashboard Block
Animated React geographic breakdown dashboard block for Next.js with eight regions showing revenue share percentages, user counts, and proportional horizontal bars with staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion
React Dashboard Goal Tracking Block
Animated React OKR and goal tracking dashboard block for Next.js with four objectives showing key result progress bars with spring animations, percentage completion, status chips for on track and at risk and behind and completed states, owner initials, and due dates using shadcn/ui, Tailwind CSS, and framer-motion