Shadcn.io is not affiliated with official shadcn/ui
Stats Job Queue Table
A background job queue stats table for React and Next.js with six job-type rows, semantic status dots, queue depth plus processing rate plus average duration columns, and a saturation progress bar at the bottom of each row built with shadcn/ui and Tailwind CSS
Monitor background worker health with this job queue stats table for React and Next.js. Features six monospace job-type rows with semantic healthy/warning/critical status dots, three inline micro-columns for queue depth, processing rate, and average duration at tabular-nums scale, a bottom saturation progress bar per row coloured by threshold, and a header with a live-looking queue summary. Built with TypeScript, lucide-react icons, motion/react parent entrance, and Tailwind CSS. Perfect for BullMQ/Sidekiq dashboards, Temporal worker overviews, Celery ops boards, and Supabase Edge Function monitoring.
Related Components
React Stats Block API Usage
Endpoint latency table
React Stats Block Rate Limit Table
Rate limit table
React Stats Block Service Health Table
Service health table
React Stats Block Log Frequency Table
Log frequency table
React Stats Block Live Metrics
Real-time metrics card
React Stats Block Live Status Grid
Live status tile grid
FAQ
Was this page helpful?
Sign in to leave feedback.
Hourly Heatmap Grid
An hourly activity heatmap stats card for React and Next.js with a 7-day by 24-hour cell grid, 5-level emerald intensity ramp, day labels on the left, and hour markers every 6 hours built with shadcn/ui and Tailwind CSS
Kpi Compact Tile Grid
An ultra-dense KPI tile grid stats block for React and Next.js with six narrow tiles, single-line labels, text-lg tabular values, and inline delta badges built with shadcn/ui and Tailwind CSS