GitHubDev Utilities & Vibe-Coding Tooling · Perf & debugging
Overlay that highlights which React components re-render and how expensive each render is, with no code changes or babel plugin.
Why it’s a gem
Drop in a script tag and literally see the wasted renders outlined on screen.
Crawls an entire site, runs Lighthouse on every discovered route in parallel and serves one searchable dashboard of the results.
Client-side fingerprint bench that runs every signal a site can read from your browser and rates how identifiable each one makes you.
Adds a click-to-source overlay so option-clicking an element in the browser opens the exact component line in your editor.
Dev-server panel that shows each module's source after every Vite plugin transform, letting you step through the transform pipeline.
Continuously benchmarks popular web frameworks on bundle size and runtime metrics and publishes the comparison as an open dataset.
Bundle analyzer that reads source maps to report true post-treeshaking, post-minification module sizes across Vite, Rollup, esbuild and webpack.