v0.1.0 - Rust + WASM

Markdown in,
Manga out.

A WebAssembly-powered parser that transforms standard Markdown into canvas-rendered manga panel layouts. Written in Rust, runs in your browser at near-native speed.

Try It Yourself

Type Markdown on the left, hit Render, and watch it become manga panels on the right.

manga-markdown-parser
markdown.md
manga output

How It Works

Three stages from raw text to manga panels, all running in your browser.

Parse

pulldown-cmark parses your Markdown into an AST of headings, tables, lists, code blocks, and more.

Transform

The Rust/WASM engine maps parsed elements into a manga grid layout with panel sizing and effects.

Render

Canvas 2D draws thick-bordered panels, text, tables, and manga effects at near-native speed.

Features

Everything you need to turn technical documents into manga-style visual stories.

WASM Performance

Compiled from Rust to WebAssembly. Parses and renders complex documents at near-native speed, no server needed.

Manga Panel Layout

Intelligent grid system that arranges content into dynamic manga panels based on content type and hierarchy.

Table Support

Markdown tables render as clean, bordered manga-style grids with header styling and alternating row shading.

Code Highlighting

Code blocks get manga-styled frames with syntax-aware coloring that fits the panel aesthetic.

Reading Direction

Right-to-left manga reading flow. Panels follow traditional Japanese reading order for an authentic experience.

Visual Effects

BOOM, SLASH, SPARKLE - add manga action effects to panels. Speed lines, impact bursts, and dynamic backgrounds.

Tech Stack

The tools and libraries behind the manga machine.

Rust
WebAssembly
pulldown-cmark
HTML5 Canvas
wasm-bindgen

Get Started

Four commands to build and run locally.

bash
# Install the WASM build tool
$ cargo install wasm-pack

# Clone the repository
$ git clone https://github.com/Shiouko/manga-markdown-parser
$ cd manga-markdown-parser

# Build for the web
$ wasm-pack build --target web