Pack the right
gear for vibe coding.
A Chrome extension packed with the tools modern web devs actually reach for: a JS/TS playground, an HTTP client, a WebSocket + SSE tester, side-by-side diffs, and 40+ utilities — all in one tab, all running locally.
7-day free trial · $9.99 / €9.99 per year · taxes handled
Six workspaces in one tab
Playground
alt + 2JavaScript / TypeScript editor with type checking, sandboxed runtime, network monitor, and watch expressions.
- ·Real ES module — top-level await + URL imports
- ·Live console capture (log / info / warn / error)
- ·Network monitor — every fetch with headers + body
- ·Watch expressions evaluate in your code’s scope
- ·Background-relayed fetch — no CORS pain
- ·Open HTTP requests directly as runnable code
HTTP
alt + 3A full HTTP testing client with first-class GraphQL support.
- ·Methods · params · headers · auth · body
- ·GraphQL body — query + variables + introspection
- ·Variables {{tenantId}} + dynamic {{$randomEmail}}
- ·Bearer / Basic / API key auth · per-collection
- ·Import cURL · OpenAPI 3.x
- ·Copy as cURL / fetch / axios / Python
Realtime
alt + 4WebSocket and Server-Sent Events tester — watch streaming traffic live.
- ·WebSocket · ws:// + wss:// + subprotocols
- ·SSE via fetch — custom Authorization headers work
- ·Auto-reconnect · message timeline · JSON pretty-print
- ·Send composer with ⌘ + Enter to send
- ·Copy any message · clear log · auto-scroll
Code Diff
alt + 5Side-by-side diff with syntax highlighting for 20+ languages. Both panes editable.
- ·JS · TS · Python · Java · Go · Rust · C/C++/C#
- ·Auto-detects language on paste
- ·Inline / side-by-side toggle
- ·Ignore whitespace · word wrap
- ·Copy as unified patch for PR comments
JSON Diff
alt + 6JSON-aware comparison with live validation, format/minify, and a JSONPath inspector.
- ·Live syntax validation
- ·Format / minify both sides at once
- ·Auto-format on paste
- ·Convert YAML → JSON
- ·JSONPath against both sides simultaneously
Tools
alt + 7A grab bag of 40+ dev utilities organized by purpose.
- ·Encode / decode · hash · case · text transforms
- ·UUID v4 + v7, secure passwords, fake data, QR
- ·Color toolkit · CSS gradient / shadow / bezier / units
- ·JWT debugger + signer · Regex · JSONPath · Cron
- ·Format · Validate · JSON Schema
- ·Markdown + Mermaid preview
Highlights from the toolbox
See all tools →Color toolkit
hex ↔ rgb ↔ hsl ↔ oklch with one paste. WCAG contrast checker, palette harmonies, tints + shades.
Fake data
50+ generators for realistic test data. Single items or compound JSON shapes with {{placeholders}}.
JWT debugger + signer
Decode tokens with annotated standard claims. Mint test tokens with HS256/384/512 and a secret.
Regex tester
Live-highlight matches, list capture groups, multi-flavor (JS / Java / Python / Go) with code generators.
Mermaid preview
Live SVG diagrams from text — flowcharts, sequence, class, state, ERD, Gantt. Sanitized output.
OAuth 2.0 helper
PKCE values, authorize URL builder, return-URL parser. Decodes id_token JWTs inline. Local-only.
AI token counter
Count OpenAI tokens locally (cl100k_base / o200k_base) and estimate Claude. Budget your prompts.
Image inspector
Drop an image — see dimensions, EXIF, base64 / data URL, optimize SVG.
QR code
Generate from text or decode an image. Customizable colors, error correction, PNG / SVG download.
Date converter
ISO 8601 ↔ RFC 2822 ↔ Unix epoch. Timezone-aware. ISO week, day-of-year, relative time.
HTTP status reference
51 codes with explanation + use case. Searchable, filterable by class. Daily-use reference.
User-agent parser
Browser, OS, device, engine. Recognizes 25+ bots including GPTBot, ClaudeBot, PerplexityBot.
JSON explorer
Tree view for big JSON. Filter keys + values, click any node to copy its JSONPath.
Format converters
JSON ↔ YAML ↔ CSV ↔ XML ↔ TOML. Plus JSON → TypeScript interfaces and JSON → JSON Schema.
CSS micro-tools
Gradient builder, box-shadow stacker, cubic-bezier easing with live preview, unit converter.
cURL bridge
Paste any curl command, get a fully-populated request. Or copy a request as curl/fetch/axios/Python.
Dynamic variables
{{$randomEmail}}, {{$randomUUID}}, {{$timestamp}} — fresh test data on every send.
OpenAPI import
Drop a JSON or YAML OpenAPI 3.x spec; get a runnable collection with one request per operation.
Power features
⌘ K palette
Fuzzy search across every tab and tool. Type a few letters, hit Enter, you're there. Daily-use shortcut for a toolkit this size.
Light & dark theme
Lime-green dark by default — flip to a calm light mode with one click. Monaco editors flip too. Persistent across sessions.
Instant cold start
Lazy-loaded chunks per tab and tool. Land on Home in ~94 KB gzipped — Monaco, Mermaid, and BPE vocabs only download when you actually use them.
One subscription. Everything above.
7 days free, then less than a coffee per year. Billed annually through Paddle (handles VAT in 190+ countries). Cancel anytime — you keep access until the end of the period you paid for.
Common questions
Does VibeGear send my data anywhere?
No. Everything runs in your browser — text you diff, escape, hash, and the HTTP / WebSocket / SSE traffic you fire all go directly between you and the API. We only know an anonymous random ID we use to track your subscription.
Will it replace Postman?
For most personal API testing, yes. The HTTP tab supports collections, variables, multiple auth schemes, GraphQL with introspection, OpenAPI import, cURL import, and code generators. The Realtime tab handles WebSocket and SSE — what Postman does only partially. It doesn't (yet) do team collaboration, mocking servers, or scripted test runs.
What if I'm not technical enough for some of these tools?
The Help page (and the in-app help modal) explains every concept from scratch — JWTs, regex, JSONPath, cron, OpenAPI, OAuth, GraphQL — written specifically for vibe coders learning as they go.
Can I run untrusted code in the Playground?
That's exactly what it's for. Code runs in a sandboxed iframe with a 10-second timeout. fetch() is relayed via the extension's background service worker so you get parity with the HTTP tab — no CORS pain — without giving the sandbox itself any privileged access.
What happens to my data when I cancel?
Your collections, tool inputs, and preferences live in your browser's local storage and stay put. Only your subscription record is removed if you ask us to delete it (email hello@vibegear.dev).
Light or dark theme?
Both. Defaults to dark with the lime-green accent that gives VibeGear its identity. One-click toggle in the header — Monaco editors and the markdown / mermaid preview flip with it. Your choice persists across sessions.