Shadcn.io is not affiliated with official shadcn/ui
Reviews Nps Display
A React Net Promoter Score dashboard for Next.js with animated score gauge, promoter/passive/detractor segmentation, monthly trend sparkline, and response drill-down built with shadcn/ui and Tailwind CSS
Visualize customer loyalty at a glance with this NPS dashboard block for React and Next.js. Features an animated circular score gauge with color-coded thresholds, a segmented distribution bar with promoter/passive/detractor counts, a 6-month trend sparkline with computed deltas, and a drill-down panel showing recent verbatim responses with category indicators. Built with TypeScript, shadcn/ui Tooltip, Badge, and Avatar components, motion/react spring animations for the gauge reveal, and Tailwind CSS. Perfect for SaaS analytics dashboards, customer success platforms, product feedback tools, and subscription health monitoring.
Related Components
Reviews Analytics Summary
Review analytics dashboard with charts
Reviews Trend Overview
Review trend visualization over time
Reviews Satisfaction Meter
Customer satisfaction gauge display
Reviews Insight Metrics
Key review insight metrics display
Reviews Distribution Bars
Review score distribution bars
Reviews Survey Results
Survey results visualization panel
FAQ
Was this page helpful?
Sign in to leave feedback.
Notification Feed
A React review notification feed for Next.js with timeline-style event layout, icon-per-event-type indicators, grouped timestamps, mark-as-read interactions, and animated entry transitions built with shadcn/ui Button, Badge, Avatar components, motion/react staggered animations, and Tailwind CSS
Paginated List
A React paginated reviews component for Next.js with animated page transitions, star ratings, verified badges, per-page selector, and keyboard-navigable pagination controls built with shadcn/ui and Tailwind CSS