Shadcn.io is not affiliated with official shadcn/ui
React Dashboard API Health Check Block
Animated React API health check dashboard block for Next.js with eight endpoints showing monospace paths, HTTP method chips, response times in tabular-nums, status codes, uptime percentages, last checked timestamps, overall health score, and green, amber, and red row coloring using shadcn/ui, Tailwind CSS, and framer-motion
Monitor API endpoint health at a glance with this animated health check dashboard block for React and Next.js. Eight endpoints display their monospace paths, HTTP method chips color-coded by verb, response times in tabular-nums, status codes, uptime percentages, and last-checked timestamps. Rows are colored green, amber, or red based on endpoint health. An overall health score summarizes system status. Built with TypeScript, shadcn/ui components, framer-motion staggered entrance animations, and Tailwind CSS.
React Dashboard API Health Check Block preview
Installation
Related Components
API Usage
API request metrics with endpoint breakdown
Uptime Monitor
Service availability tracking with 30-day charts
Webhook Deliveries
Webhook delivery log with status tracking
Network Traffic
Bandwidth monitoring with IP tracking
Performance Scores
Core Web Vitals metrics dashboard
Backup Status
Backup management with restore actions
FAQ
Was this page helpful?
Sign in to leave feedback.
React Dashboard Activity Feed Timeline Block
Animated React dashboard activity feed block for Next.js with timeline layout, user actions, resource targets, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion
React API Latency Percentiles Dashboard Block
Animated React API latency percentiles dashboard block for Next.js with p50, p95, p99 metrics, expandable endpoint breakdown, response time distribution bars, and trend indicators using shadcn/ui, Tailwind CSS, and framer-motion