Blocks/DevTools

Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

devtools1

API Endpoint Explorer

Interactive REST API endpoint reference with method badges, expandable parameter details, and response types. Grouped by resource.

PRO

devtools2

Webhook Event Stream

Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.

FREE

devtools3

Multi-Language Code Tabs

Code block with language tabs (JavaScript, Python, cURL, Go) and Shiki syntax highlighting. Dark theme with copy-to-clipboard and active tab indicator.

PRO

devtools4

Error Monitoring Feed

Application error tracking feed with severity indicators, occurrence counts, and source locations. Summary pills show error distribution.

PRO

devtools5

Feature Flags Manager

Interactive feature flag management with toggle switches, rollout progress bars, and environment badges.

PRO

devtools6

Application Log Viewer

Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, and DEBUG entries with timestamps and source labels.

PRO

devtools7

API Response Examples

API documentation cards showing response examples with color-coded status badges. Headers section, JSON body with copy button, success/error variants.

PRO

devtools8

API Key Manager

API key management panel with masked credentials, reveal/copy controls, scope badges, and active/revoked status indicators.

PRO

devtools9

Database Migration Timeline

Timeline-style database migration tracker with applied, pending, and failed status indicators. Shows migration names, descriptions, and timestamps.

PRO

devtools10

Cron Job Scheduler

Scheduled task manager showing cron expressions, last/next run times, duration, and active/paused/failed status indicators.

PRO

devtools11

Audit Activity Log

Filterable audit trail showing user actions with create, update, delete, and access type indicators. Includes resource, user, and timestamp info.

PRO

devtools12

Rate Limit Dashboard

API rate limit monitor with color-coded usage bars per endpoint. Shows current usage, limits, and visual threshold indicators.

PRO

devtools13

Environment Config Viewer

Tabbed environment variable viewer for comparing configuration across production, staging, and development environments.

PRO

devtools14

JSON Formatter Tool

Interactive JSON editor with format, minify, and real-time validation. Valid/invalid status badge, copy button, and syntax error display.

PRO

devtools15

Package Dependency Health

Dependency version tracker with update availability, security fix indicators, and version comparison arrows.

PRO

devtools16

Queue Monitor

Background job queue monitor showing processed, pending, and failed counts with healthy, warning, and critical status indicators.

PRO

devtools17

Service Health Board

Infrastructure status board showing service health with operational, degraded, and down indicators. Displays uptime percentages and latency metrics.

PRO

devtools18

Performance Waterfall

Network request waterfall chart with cascading timing bars. Color-coded by duration — green for fast, amber for medium, red for slow.

PRO

devtools19

Keyboard Shortcuts Reference

Grouped keyboard shortcuts with styled keycap visuals. Shows key combinations with shadow-styled kbd elements and descriptions.

PRO

devtools20

Code Diff Viewer

Unified code diff viewer with dark terminal background. Green additions, red deletions, and gray context lines with file headers.

PRO

devtools33

Network Request Monitor

Real-time HTTP request interceptor with recording controls. Method badges, status codes, duration timing, size info, and filterable by method/type.

PRO

devtools37

Load Test Dashboard

API performance testing interface with start/stop controls and progress bar. Metric cards for RPS, success rate, P95/P99 latency, and error count.

PRO

devtools38

API Usage Analytics

API analytics dashboard with endpoint usage table. Stats cards for requests, latency, error rate, and active users. Trend indicators and method badges.

PRO

devtools49

Code Coverage Report

Test coverage dashboard with expandable file tree. Coverage metrics for statements, branches, functions, and lines with color-coded progress bars.