Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
devtools11
Filterable audit trail showing user actions with create, update, delete, and access type indicators. Includes resource, user, and timestamp info.
devtools12
API rate limit monitor with color-coded usage bars per endpoint. Shows current usage, limits, and visual threshold indicators.
devtools13
Tabbed environment variable viewer for comparing configuration across production, staging, and development environments.
devtools14
Interactive JSON editor with format, minify, and real-time validation. Valid/invalid status badge, copy button, and syntax error display.
devtools15
Dependency version tracker with update availability, security fix indicators, and version comparison arrows.
devtools16
Background job queue monitor showing processed, pending, and failed counts with healthy, warning, and critical status indicators.
devtools17
Infrastructure status board showing service health with operational, degraded, and down indicators. Displays uptime percentages and latency metrics.
devtools18
Network request waterfall chart with cascading timing bars. Color-coded by duration — green for fast, amber for medium, red for slow.
devtools19
Grouped keyboard shortcuts with styled keycap visuals. Shows key combinations with shadow-styled kbd elements and descriptions.
devtools20
Unified code diff viewer with dark terminal background. Green additions, red deletions, and gray context lines with file headers.
devtools33
Real-time HTTP request interceptor with recording controls. Method badges, status codes, duration timing, size info, and filterable by method/type.
devtools37
API performance testing interface with start/stop controls and progress bar. Metric cards for RPS, success rate, P95/P99 latency, and error count.
devtools38
API analytics dashboard with endpoint usage table. Stats cards for requests, latency, error rate, and active users. Trend indicators and method badges.
devtools49
Test coverage dashboard with expandable file tree. Coverage metrics for statements, branches, functions, and lines with color-coded progress bars.
devtools52
JavaScript bundle analysis with chunk breakdown. Visual size bars, module lists, and gzip comparisons. Color-coded by type: app code, vendor, assets.
devtools56
Database table browser with expandable schema views. Shows columns, types, primary/foreign keys, and relationships. Row counts and nullable indicators.
devtools92
Bundle breakdown with chunk list showing size, gzip, and module counts. Large chunk warnings, percentage bars, and change indicators for tracking growth.
devtools93
CI/CD pipeline monitor with build stages, status indicators, and branch/commit tracking. Shows multiple pipeline runs with success, failed, running, and pending states.
ecommerce1
Responsive product grid with ratings, sale badges, and add to cart buttons. Perfect for shop pages and product catalogs.
ecommerce2
Product page hero with color and size selectors, quantity picker, and wishlist button. Perfect for detailed product pages with multiple variants.
ecommerce3
Cart page with item cards, quantity controls, and order summary with shipping calculation. Perfect for checkout flows and cart review pages.
ecommerce4
Product category browsing with image cards, product counts, and featured badges. Responsive grid layout with hover effects. Perfect for storefront navigation and collection showcases.
ecommerce5
Full-featured product presentation with pricing, ratings, feature list, and add to cart. Split layout with configurable image position. Perfect for highlighting premium products and limited editions.
ecommerce6
Customer reviews with star ratings, verified badges, helpful voting, and load more functionality. Displays average rating summary. Perfect for building trust and social proof on product pages.