Shadcn.io is not affiliated with official shadcn/ui
React Dashboard Customer Health Scores Block
Animated React customer health score dashboard block for Next.js with expandable account rows showing health scores, NPS ratings, last activity timestamps, risk level indicators, ARR values, and health factor breakdowns using shadcn/ui, Tailwind CSS, and framer-motion
Monitor account health across your customer base with this animated customer health scores block. Eight accounts display health scores with semantic coloring, NPS ratings, last activity timestamps, risk level dots, and ARR values. Expand any row to reveal health factor breakdowns. Built with React, shadcn/ui, and framer-motion for staggered row animations and smooth expand transitions.
React Dashboard Customer Health Scores Block preview
Installation
Related Components
Dashboard Overview
KPI metric cards with trend indicators
Employee Directory
Searchable team member grid
Expense Tracker
Categorized expense management
A/B Testing
Experiment conversion comparisons
Social Analytics
Platform engagement metrics
SEO Metrics
Keyword rankings and traffic
FAQ
Was this page helpful?
Sign in to leave feedback.
React Dashboard Customer Feedback Block
Animated React customer feedback dashboard block for Next.js with NPS score display, CSAT rating, response count, promoter and detractor breakdown bars, and four recent feedback items with sentiment indicators and quote previews using shadcn/ui, Tailwind CSS, and framer-motion
React Animated Customer Segmentation Dashboard Block
Animated customer segmentation dashboard for React and Next.js with five segments showing revenue share bars, customer counts, average deal sizes, and churn rates in a two-column layout using framer-motion, shadcn/ui, and Tailwind CSS