Shadcn.io is not affiliated with official shadcn/ui
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
Track your team objectives and key results with this animated goal tracking dashboard block. Four objectives display progress bars with spring-animated widths, completion percentages, status indicators (On Track, At Risk, Behind, Completed), owner initials, and due dates. Built with React, shadcn/ui, and framer-motion for smooth progress bar animations.
React Dashboard Goal Tracking Block preview
Installation
Related Components
Dashboard Overview
KPI metrics with trend indicators
Product Metrics
DAU, WAU, MAU with stickiness ratio
Campaign ROI
Marketing spend and revenue tracking
Customer Timeline
Customer journey event timeline
Quota Usage
API and resource quota progress bars
Changelog Feed
In-app release notes and updates
FAQ
Was this page helpful?
Sign in to leave feedback.
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
React GPU Cluster Utilization Dashboard Block
Animated React GPU cluster monitoring dashboard block for Next.js with node-level GPU compute and memory utilization bars, temperature readings with thermal threshold indicators, model assignment labels, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion