Dashboard Api Usage

shadcn-io/dashboard-api-usage

PaidBlock

Animated API usage metrics dashboard for React and Next.js with total requests counter, rate limit utilization progress bar, top endpoints list with HTTP method chips and monospace paths, and latency percentile breakdown using framer-motion, shadcn/ui, and Tailwind CSS

Live preview

live · rendered by the registry

Rendered by shadcn-io on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn.io/r/dashboard-api-usage.json

This registry’s item endpoint answers 401 — the command needs credentials from shadcn-io.

What it pulls in

npm packages

framer-motion

Files it writes

blocks/dashboard/dashboard-api-usage.tsx

More from shadcn-io

All 7,794 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
About Accessibility Pledgeabout-accessibility-pledge	shadcn-io	Blocks	Paid	2 deps
About Advisory Boardabout-advisory-board	shadcn-io	Blocks	Paid	2 deps
About Alternatingabout-alternating	shadcn-io	Blocks	Paid	2 deps
About Alumni Networkabout-alumni-network	shadcn-io	Blocks	Paid	2 deps
About Api Statsabout-api-stats	shadcn-io	Blocks	Paid	2 deps
About Approachabout-approach	shadcn-io	Blocks	Paid	2 deps
About Architecture Overviewabout-architecture-overview	shadcn-io	Blocks	Paid	2 deps
About Awardsabout-awards	shadcn-io	Blocks	Paid	2 deps