DevCanvas - The Developer Toolkit

About

```
DevCanvas is a free, privacy-first developer toolkit that detects raw JSON responses in your browser and lets you format, visualize, and convert them in one click.

🔍 AUTO-DETECT JSON IN YOUR BROWSER
When you navigate to a URL that returns raw JSON (like a REST API endpoint), DevCanvas automatically adds a floating "Format in DevCanvas" button. Click it and the payload is securely transferred to devcanvas.net — no copy-pasting required.

⚡ CORE FEATURES
• JSON Formatter & Beautifier — Instantly format minified JSON with proper indentation
• Interactive Tree Viewer — Explore deeply nested objects with a collapsible visual tree
• JSON to TypeScript — Auto-generate TypeScript interfaces from any JSON or YAML payload
• YAML Support — Paste YAML configs and get JSON output or TypeScript types instantly
• JSON Diff Viewer — Side-by-side comparison powered by Monaco's diff engine
• Local History — Save payloads to browser storage and recall them anytime

🔒 PRIVACY FIRST
All processing happens 100% locally in your browser. Your data never leaves your machine — no servers, no tracking, no analytics on your payloads.

🚀 HOW IT WORKS
1. Browse to any raw JSON API (e.g. https://api.github.com/users)
2. Click the floating "Format in DevCanvas" button
3. DevCanvas opens in a new tab with your data already loaded
4. Format, visualize, diff, or generate types — all instantly

💡 PERFECT FOR
• Frontend & backend engineers working with REST APIs
• DevOps teams inspecting Kubernetes / Docker YAML configs
• QA engineers comparing API response versions
• Anyone who regularly views raw JSON in the browser

🌐 Website: https://devcanvas.net
```