Shadcn.io is not affiliated with official shadcn/ui
React CDN Analytics Dashboard Block
Animated React CDN analytics dashboard block for Next.js with edge node performance metrics, cache hit ratios, bandwidth per region, origin shield statistics, and expandable node details using shadcn/ui, Tailwind CSS, and framer-motion
Analyze CDN performance across edge nodes with this animated dashboard block for React and Next.js. View cache hit ratios, bandwidth served, origin shield efficiency, and per-region metrics with expandable node details. Summary statistics show overall cache performance and bandwidth savings. Built with TypeScript, shadcn/ui components, framer-motion staggered animations, and Tailwind CSS.
React CDN Analytics Dashboard Block preview
Installation
Related Components
Network Traffic
Bandwidth monitoring with IP tracking
Server Resources
CPU memory and disk utilization
Cache Performance
Cache hit and miss rate tracking
Geographic Breakdown
Region-based analytics
Performance Scores
Core Web Vitals metrics
Page Speed
Page load performance metrics
FAQ
Was this page helpful?
Sign in to leave feedback.
React Carbon Footprint Dashboard Block
Animated React carbon emissions tracking dashboard block for Next.js with CO2 metrics, offset progress bars, monthly emission trends, and category breakdown using shadcn/ui, Tailwind CSS, and framer-motion
React Dashboard Certificate Manager Block
Animated React SSL certificate management dashboard block for Next.js with six certificates displaying monospaced domain names, issuer details, expiry dates with days remaining countdown, urgency-based color coding for expiring certificates, active and propagating status dots, and auto-renewal toggle indicators using shadcn/ui, Tailwind CSS, and framer-motion