Compatible with Next.js, React, Vue, Svelte

The Intelligence Layer Inside Your DOM.

Stop alt-tabbing to external tools. DevConsole is the only developer tool that lives inside your application bundle, giving you surgical access to state, auth, and network—100% locally.

$pnpm add @devconsole/core

Requires a paid license key144+ Developers Joined

localhost:3000
DevConsole Interface

Drop in. Debug. Ship.

Works with React, Vue, Svelte, Next.js, and plain HTML. Zero config required.

App.jsx
import { DevConsole } from '@devconsole/core';

export default function App() {
  return (
    <>
      <YourApp />
      {process.env.NODE_ENV === 'development' && <DevConsole />}
    </>
  );
}

Why are you still debugging like it's 2015?

Stop fighting your tools. Start controlling your environment.

The Old Way

  • 01.Inspect Element > Application > Local Storage > Find Key > Edit Value > Refresh.
  • 02.Open Postman > Copy Auth Token from Cookie > Paste > Send Request.
  • 03.Check Database > Find User ID > Manually update 'is_pro' flag.

The DevConsole Way

  • 01.One Click: Toggle User Tiers and Flags directly in UI.
  • 02.One Click: Wipe specific local storage keys to reset onboarding flows.
  • 03.One Click: Replay failed API requests with modified bodies.

The "Why not just..." Section

Addressing the skepticism from developers who value their toolchain.

"Why not Postman?"

Postman is out-of-band. You spend minutes syncing environments, updating tokens, and matching headers. DevConsole is in-band. It uses the app's existing auth state and session automatically. See the full comparison.

"Why not DevTools?"

DevTools is a Swiss Army knife; DevConsole is a surgical robot. Instead of hunting through nested JSON blobs, you get UI-integrated overrides. See vs Chrome DevTools.

"Why not just isolate?"

Isolation is perfect for unit testing. DevConsole is for integration vibes. It allows you to stress-test your code within the context of the full app, with real network latency and real side-effects, without manual DB queries.

Expert Recipes

Stop Guessing.
Start Controlling.

DevConsole isn't just a debugger—it's an orchestration layer for your local environment. These "God-Mode" workflows are why senior devs can't live without it.

Keyboard First Zero Latency
Power

The Guest-to-Pro Jump

Inject a Pro-tier JWT directly into your guest session's memory. Bypass registration flows to test premium UI states in 2 seconds.

Open Auth Tab
Click 'Inject Pro Mock'
UI instantly re-renders
Speed

Server-Side Panic Test

Force every network request to return a 500 status. Verify your error boundaries and fallback UI without touching a single line of backend code.

Open Network Tab
Toggle 'Global 500'
Observe app fallbacks
Efficiency

The Dirty State Cleanse

Your local storage is a mess? Wipe storage, clear cookies, and reset React state to 'Day Zero' configuration with a single keybind.

Command + Shift + R
Storage Purged
Clean Slate
Autonomy

Legacy API Shimming

Mock a legacy API response that hasn't been built yet. Shape the data to match your frontend needs and keep developing in isolation.

Select Endpoint
Define JSON Template
Hot-reload Mock

"I thought I was fast with the Network tab. Then I saw a senior dev use DevConsole and realized I was living in the stone age."

Explore 20+ Expert Use Cases

Who is DevConsole for?

Explore tailored workflows and real-world use cases for every role in the engineering team.

API Lab

Built-in Request Builder.
No Context Switching.

Don't switch windows to test an endpoint. Build, test, and debug API calls right where the UI lives. The smartest developer tools for your API workflow. Includes full POST/GET support.

cURL Export
History Log
Replay
API Lab
God Mode
God Mode

User Management &
Auth Transparency.

Stop querying your database just to check a user's subscription status. See exactly what token is being sent, verify User IDs instantly, and force your app into specific testing states.

  • View & Edit User Claims
  • Override Auth State ("Premium", "Free")
  • Verify Auth Tokens Instantly
Live Vitals

Performance Metrics
Without the Noise.

Optimize your app without the full Lighthouse report delay. Get real-time feedback on Core Web Vitals (FCP, LCP, CLS) as you navigate. Monitor memory usage to catch leaks early.

Performance Vitals
State Surgery
State Surgery

Manage the Invisible
Data Driving Your App.

View LocalStorage, SessionStorage, and Cookies in a clean, filterable list. Selectively wipe data to reset flows like Onboarding without clearing your entire login session.

Trusted by 144+ developers

Loved by developers worldwide

See what engineers are saying about DevConsole

"DevConsole is the ultimate Chrome DevTools Alternative. It replaced 3 different browser extensions and Postman for me. Being able to toggle user roles directly in the app is a total game changer."

YC

Yuli Chen

Senior Frontend Engineer

Free Updates

Get debugging tips & early access

Join 2,000+ developers leveling up their local dev workflow. No spam, unsubscribe anytime.

🔒 We respect your privacy. Unsubscribe at any time.