StructFlow av jessusrdev
A side-panel workspace for code & notes: beautify JSON/JS/TS/SQL/YAML/Markdown, save & reuse, and view raw JSON pages.
Metadata for utvidingar
Skjermbilde
Om denne utvidinga
StructFlow turns your browser's side panel into a workspace for code and notes.
Edit on a single syntax-highlighted surface, beautify JSON, JS, TS, SQL, YAML, and
Markdown, then save what you write into a searchable, foldered library you can tag
and reuse, all without leaving your browser or sending your data anywhere. It also
takes over raw JSON pages with an in-page viewer (Formatted / Tree / Raw), and
includes a code-snapshot PNG exporter.
Everything runs locally. No account, no sign-in, no servers. Your snippets and
notes are stored privately in your browser.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
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 JSON or Markdown into an empty editor and StructFlow sets the
language automatically (opening the tree or preview), with a one-click Undo. A
searchable language picker covers everything else.
• 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.
Edit on a single syntax-highlighted surface, beautify JSON, JS, TS, SQL, YAML, and
Markdown, then save what you write into a searchable, foldered library you can tag
and reuse, all without leaving your browser or sending your data anywhere. It also
takes over raw JSON pages with an in-page viewer (Formatted / Tree / Raw), and
includes a code-snapshot PNG exporter.
Everything runs locally. No account, no sign-in, no servers. Your snippets and
notes are stored privately in your browser.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
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 JSON or Markdown into an empty editor and StructFlow sets the
language automatically (opening the tree or preview), with a one-click Undo. A
searchable language picker covers everything else.
• 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.
Vurdert 0 av 0 meldarar
Løyve og data
Påkravde løyve:
- Tilgang tiil dataa dine frå alle nettsider
Datainnsamling:
- Utviklaren seier at denne utvidinga ikkje krev datainnsamling.
Meir informasjon
- Lenker for tillegg
- Versjon
- 1.5.0
- Storleik
- 1,32 MB
- Sist oppdatert
- 4 timar sidan (29. juni 2026)
- Liknande kategoriar
- Lisens
- Apache License 2.0
- Versjonshistorikk
- Legg til i samling
Utviklaren av denne utvidinga spør om du kan hjelpe til med å støtte den vidare utviklinga med eit lite pengebidrag.