Dev Console Boilerplate

Dev Console Boilerplate for Modern Web Apps

A production-ready, in-app dev console you can drop into your app to inspect state, debug flows, impersonate users, and test APIs locally.

An in-app debug dashboard and control panel — not a terminal.

Stop rebuilding internal debug tooling from scratch.

Ship a real dev console in hours, not weeks.

Get the BoilerplateView DemoNo signup · Local-only demo

Local-only · Framework-agnostic · Fully customizable

What this is

This is not a library. It’s a starting point.

Dev Console is a fully working internal dev console boilerplate that includes UI, state wiring, patterns, safety guards, and an extensible architecture.

You own the code. You customize it. You ship faster.

Built from real production SaaS patterns.

Demo mode

Read-only preview
User OverridePlan: Pro
Network7 requests
API ClientJSON body

This is a live preview of the Dev Console UI using example data.

Try this

  • Toggle a user to Pro
  • Inspect the last API call
  • Override app state for QA

The problem

Every serious app ends up building this anyway.

If your app has auth, users, plans, onboarding, APIs, or feature flags, you will eventually build debug panels, admin toggles, state overrides, and QA tools.

Most teams hack it together, let it rot, and regret it later. Dev Console gives you the correct foundation from day one.

  • Debug panels
  • Admin toggles
  • Test endpoints
  • State overrides
  • QA tools
  • Network & API inspection

Included out of the box

What you get

Auth & Session

  • Token inspection
  • User ID verification
  • Session refresh
  • Auth environment checks

User Overrides

  • Local impersonation
  • Plan switching
  • Subscription toggles
  • Restore original user

Network & API

  • Request / response viewer
  • Error filtering
  • Timing insights
  • Auth-aware API client

App State

  • LocalStorage + SessionStorage
  • Inline editing
  • Sensitive data guardrails

What you actually buy

What’s included

  • Full source code
  • Drop-in dev console UI
  • Reference architecture
  • Sensible defaults
  • Documentation
  • Lifetime access to updates

No runtime dependency. No SaaS lock-in.

Pricing

Simple, honest pricing

Pay once. Own the code. No subscriptions. No lock-in.

Solo / Indie License

$79

Best for indie founders

  • Full source code
  • Use in 1 project
  • Commercial use allowed
  • Free updates for v1.x
Buy Boilerplate

Team License

$149

Best for small teams & agencies

  • Use in unlimited projects
  • Internal team usage
  • Same updates
Buy Team License

Cheaper than rebuilding this once.

Why is this paid? Because this is the internal tooling most teams eventually build — done properly, documented, and ready to customize.

FAQ

Frequently asked questions

Is this a library or framework?

No. It’s a boilerplate you own and customize.

Can I modify the UI and logic?

Yes. That’s the point.

Does this ship to production?

No. It’s designed for local development only.

What stack is this built for?

Framework-agnostic. Works with React / Next.js patterns out of the box.

Can I remove it later?

Yes. Clean separation by design.

Stop rebuilding internal tools.

Start with a real dev console designed for local development and full ownership.