Shadcn.io is not affiliated with official shadcn/ui
About API Stats
A dashboard-style API health bento grid block for React and Next.js with uptime ring, metric tiles, 30-day status grid, and endpoint table built with shadcn/ui and Tailwind CSS
Visualize your API health at a glance with this bento grid dashboard block for React and Next.js. Features a hero uptime ring, four metric tiles with trend indicators and mini bar charts, a 30-day status grid, and an endpoint performance table. Built with TypeScript, shadcn/ui Badge and Table components, motion/react staggered animations, and Tailwind CSS. Perfect for status pages, developer portals, and technical about pages.
Related Components
Open Metrics
Public metrics transparency dashboard
SLA Commitments
Service level agreement display
Response Times
API response time breakdown
Infrastructure
Infrastructure overview layout
Tech Stack
Technology stack showcase
Compliance Badges
Compliance certification display
FAQ
Was this page helpful?
Sign in to leave feedback.
Alumni Network
An interactive alumni network bento grid block for React and Next.js with asymmetric career journey cards, featured alumni spotlight, transition indicators, and summary stats built with shadcn/ui and Tailwind CSS
Approach
An interactive approach stepper block for React and Next.js with horizontal phase navigation, split detail panel, deliverable cards, team badges, and cross-fade animations built with shadcn/ui and Tailwind CSS