A single-page static web application that converts JSON objects into Markdown formatted text.
- Vintage "Hacker" Aesthetic: Dark mode, neon green text, and scanlines.
- Two-Column Layout: JSON input on the left, real-time Markdown output on the right.
- Drag & Drop Support: Drop JSON files directly into the left panel for instant loading.
- Interactive Toolbars: Controls to download JSON/MD, generate Table of Contents, and manage header levels.
- Smart Tooltips: Helpful guides that appear below buttons in a retro style.
- Recursive Conversion: Automatically turns keys into headers and values into content.
- Privacy Focused: Client-side only; no data leaves your browser.
- Customizable: Override document titles and demote header structures on the fly.
- Input JSON: Either type/paste your JSON in the left panel, click "Load Example" for a sample, or drag and drop a
.jsonfile. - Drag & Drop: Simply drag a JSON file from your file system and drop it onto the left textarea. The file will be automatically loaded and converted.
- Visual Feedback: When dragging a file over the input area, you'll see a green dashed border indicating the drop zone is active.
- View Output: The converted Markdown appears instantly in the right panel.
- Download: Use the toolbar buttons to save your JSON or generated Markdown.
You can simply open the index.html file in your browser, or serve it using a local server for the best experience.
If you have Python installed, you can easily start a local server:
- Open your terminal/command prompt.
- Navigate to the project directory:
cd json2md.github.io - Run the HTTP server command:
python -m http.server
- Open your browser and go to
http://localhost:8000.
- Node.js:
npx serve - VS Code: Use the "Live Server" extension.
- Add support for drag and drop
- Add support for loading JSON files
- Responsive design