StructFlow von jessusrdev

StructFlow is a developer's side panel for JSON, code snippets, and notes. Paste anything, format it, explore it, snapshot it, and save it, all without leaving your browser or sending your data anywhere.

Everything runs locally. No account, no sign-in, no servers. Your snippets and notes are stored privately in your browser.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WHAT'S NEW IN 1.4.0
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• A real in-place code editor with live syntax highlighting and line numbers. One surface toggles between Edit, Preview (Markdown), Tree (JSON), and Diff. Formatting rewrites your text in place.
• 20+ languages: beautify Markdown, JSON, JavaScript, TypeScript, HTML, CSS, SQL, and YAML; highlight and keep Python, Go, Rust, Java, C/C++, C#, PHP, Ruby, Shell, TOML, Dockerfile, Kotlin, and Swift.
• Auto-detect on paste, with one-click Undo, plus a searchable language picker.
• New Aura Noir theme family (seven dark variants) plus light Aura Lumen and Aura Day. Fresh installs match your browser's light or dark.
• New Settings screen: appearance, syntax theme, a default language for new notes, the in-page JSON viewer toggle, data export/import and clear-all, and an About section.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WHAT YOU CAN DO
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• Edit on one smart surface: a single code editor with live syntax highlighting and line numbers. "Format & Beautify" rewrites your text in place, and the same surface toggles between Edit, Preview (Markdown), Tree (JSON), and Diff (what formatting would change).
• Work in 20+ languages: beautify Markdown, JSON, JavaScript, TypeScript, HTML, CSS, SQL, and YAML with clean, VS Code-style defaults (tab width, quotes, semicolons, print width, wrapping, alphabetical key sorting). Python, Go, Rust, Java, C/C++, C#, PHP, Ruby, Shell, TOML, Dockerfile, Kotlin, and Swift are highlighted and saved too.
• Paste and go: drop code into an empty editor and StructFlow detects the language automatically, with a one-click Undo if you want a different one. A searchable language picker covers the rest.
• Explore JSON visually: an interactive, collapsible tree with search across keys and values, copy-path and copy-value, and color-coded types. Prefer text? Switch to a syntax-highlighted view with line numbers.
• Read JSON anywhere: open a raw .json page or API response and StructFlow turns it into a clean, themeable viewer with Formatted, Tree, and Raw modes plus search, right on the page. Prefer your browser's raw view? Turn the in-page viewer off anytime from the panel's Settings menu.
• Snapshot your code: turn any formatted output into a polished, shareable PNG. A windowed "code card" with traffic lights, a filename, your chosen syntax theme, backdrop colors, padding, and line numbers. Copy to clipboard or download.
• Take notes: Markdown is the default and comes with a live rendered preview, and Plain Text is a no-reformat scratchpad. Use the side panel as a quick, always-available notebook.
• Build a personal library: save anything you format into nested folders (rename, recolor, add items, and create folders inside folders). Search across entries and folder names, then re-open, copy, export, or delete in a click. Bring work in by importing loose files, a whole folder, or a .zip, and back everything up by exporting all or selected folders as a single .zip.
• Make it yours: pick from a big set of editor/JSON syntax themes, including the Aura Noir family (seven dark variants) and light Aura Lumen/Aura Day, plus VS Code, GitHub, Monokai, Dracula, Nord, and Solarized. New installs match the theme to your browser's light or dark, and you can switch the whole panel between light and dark anytime.
• Open it fast: use the toolbar icon, the right-click menu, or the default keyboard shortcut (Alt+Shift+S, Command+Shift+S on macOS).

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PRIVACY-FIRST
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

StructFlow works fully offline. It does not collect, transmit, or sell any data. All formatting happens on your device, and your saved snippets and notes never leave your browser.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PERFECT FOR
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• Inspecting and cleaning up API responses while you work
• Sharing good-looking code screenshots in docs, issues, and social posts
• Keeping quick notes and reusable snippets next to whatever you're doing
• Tidying JSON, SQL, and code without pasting it into a random website

Open the side panel, paste, and go.