Staaarter

DevTools Blocks

Copy-paste React sections for developer-facing consoles: API explorers and response examples, log and diff viewers, CI/CD and queue monitors, feature flag and rate limit panels, and bundle and coverage reports. Each block ships as plain, editable component code, not a runtime dependency.

API Endpoints With Sample Call

Reference list of API endpoints paired with a live sample request and response panel.

CI/CD Pipeline Status

Recent CI/CD pipeline runs with per-stage status chips and overall run badges.

Code Diff Viewer

Unified code diff panel with a file header change summary and colored addition/deletion lines.

Keyboard Shortcuts Reference

Grouped keyboard shortcut reference with keycap-styled key combos.

Performance Waterfall

Network request waterfall chart with cascading timing bars colored by duration.

Service Health Board

Infrastructure status board with a live summary strip and per-service uptime, latency, and health.

Queue Monitor

Background job queue monitor with processed/pending/failed counts and a per-queue capacity bar.

Package Dependency Health

Dependency version table comparing installed vs. latest, flagging updates and security fixes.

Environment Config Viewer

Tabbed Production/Staging/Development variable viewer with a reveal toggle for masked secrets.

Rate Limit Dashboard

API rate-limit monitor with a threshold-colored usage bar and reset countdown per endpoint.

Audit Activity Log

Filterable audit trail of create, update, delete, and access events with actor avatars and timestamps.

Cron Job Scheduler

Table of scheduled cron jobs with expressions, last/next run times, duration, and status.

Database Migration Timeline

Vertical timeline of database migrations with status dots, filenames, descriptions, and timestamps.

API Key Manager

API key management panel with masked values, a real reveal toggle, copy-to-clipboard, and scope badges.

Application Log Viewer

Terminal-style structured log panel with level tags, timestamps, source labels, and real level filtering.

Feature Flags Manager

Toggle feature flags with per-flag rollout bars and environment badges.

Error Monitoring Feed

Application error feed with a severity summary strip and per-error occurrence counts.

Webhook Event Stream

Expandable webhook delivery log with status, response time, and raw JSON payloads.

API Endpoint Explorer

Grouped REST API reference with expandable parameter tables per endpoint.

Database Schema Explorer

Collapsible database table browser with column types, keys, and nullability.

Bundle Size Analyzer

Chunk-by-chunk production bundle breakdown with raw and gzip size bars, color-coded by chunk type.

Code Coverage Report

Expandable file-tree test coverage dashboard with per-file statement, branch, function, and line percentages.

API Usage Analytics

Four-up API stats row with trend indicators plus a per-endpoint usage table.

Load Test Dashboard

Start/stop load-test control panel with an animated progress bar and static throughput, latency, and error metrics.

Network Request Monitor

Filterable HTTP request-log table with a Recording toggle, method filters, and a resource-type filter.

JSON Formatter Tool

Interactive JSON editor with live validation, one-click format and minify, and copy-to-clipboard.

Bundle Chunk Analyzer

Bundle breakdown listing each chunk's size, gzip size, module count, and change since the last build.

API Response Examples

API documentation cards showing a status badge, request headers, and a copyable JSON response body.

Multi-Language Code Tabs

A dark code panel with language tabs that swap between JavaScript, Python, cURL, and Go samples for one endpoint.