Skip to content

README.md

Latest commit

 

History

History
247 lines (183 loc) · 8.19 KB

README.md

File metadata and controls

247 lines (183 loc) · 8.19 KB

English | 日本語 | 中文

Manga Editor Desu! Pro Edition

License: GPL v3 GitHub Stars

A web-based manga creation tool with AI image generation support. Create professional manga pages directly in your browser.

Try the Demo - No installation required!

Table of Contents

Features

Core Features

  • Panel Layouts - Pre-built templates and custom panel creation with knife tool
  • Speech Bubbles - 40+ styles with customizable colors and transparency
  • Text Tools - Vertical/horizontal text, manga fonts, shadows, outlines, neon effects
  • Layer Management - Organize images, text, and panels with familiar layer controls
  • Undo/Redo - Full history support for all editing operations

Image Editing

  • Auto-Fit - Images automatically scale and trim to fit panels
  • Adjustments - Rotation, position, scale, flip horizontal/vertical
  • Effects - Sepia, grayscale, blur, pixelation, gamma, vibrance
  • Advanced Effects - Unsharp mask, zoom blur, dot screen, hex pixelate, ink, hue/saturation
  • Blend Modes - 25 Photoshop-style blend modes
  • Tone Processing - Convert color images to manga-style tones

AI Integration

  • Text2Image - Generate images directly in panels
  • Image2Image - Transform existing images with AI
  • Prompt Queue - Batch generate multiple variations
  • Supported Backends:
    • ComfyUI (SD1.5, SDXL, Pony, Flux1, Custom Workflows)
    • A1111 WebUI (SD1.5, SDXL, Pony)
    • Forge (SD1.5, SDXL, Pony, Flux1)

Export & Save

  • Project Save/Load - Continue work anytime with .json project files
  • Settings Save/Load - Preserve your workflow preferences
  • Image Export - Export pages for print or digital distribution

Supported Languages

English, Japanese, Korean, French, Chinese, Russian, Spanish, Portuguese, Thai, German

Quick Start

Option 1: Use Online (Recommended)

Visit https://new-sankaku.github.io/manga-editor-desu/

No setup required. Works with all features including AI generation when connected to a local backend.

Option 2: Run Locally

git clone https://github.com/new-sankaku/manga-editor-desu.git
cd manga-editor-desu
start index.html

Requirements

Browser Support

  • Chrome (Recommended)
  • Firefox
  • Edge
  • Safari

For AI Image Generation (Optional)

One of the following:

AI Image Generation Setup

ComfyUI Setup

  1. Start ComfyUI with API access enabled:

    python main.py --listen --enable-cors-header

  2. In Manga Editor, click the Settings icon

  3. Select ComfyUI as the backend

  4. Enter the API URL (default: http://127.0.0.1:8188)

  5. Click Connect

A1111 WebUI / Forge Setup

  1. Start WebUI with API access:

    ./webui.sh --api --cors-allow-origins=*

    Or add to webui-user.bat:

    set COMMANDLINE_ARGS=--api --cors-allow-origins=*

  2. In Manga Editor, click the Settings icon

  3. Select WebUI or Forge as the backend

  4. Enter the API URL (default: http://127.0.0.1:7860)

  5. Click Connect

Keyboard Shortcuts

Action Windows/Linux Mac
Undo Ctrl + Z Cmd + Z
Redo Ctrl + Y Cmd + Y
Copy Ctrl + C Cmd + C
Paste Ctrl + V Cmd + V
Delete Delete / Backspace Delete / Backspace
Save Project Ctrl + S Cmd + S
Load Project Ctrl + O Cmd + O
Toggle Grid Ctrl + G Ctrl + G
Toggle Layers Panel Ctrl + L Ctrl + L
Toggle Controls Ctrl + K Ctrl + K
Zoom In Ctrl + 8 Ctrl + 8
Zoom Out Ctrl + 9 Ctrl + 9
Zoom Fit Ctrl + 0 Ctrl + 0
Move Object Arrow Keys Arrow Keys
Move Object (Fast) Shift + Arrow Keys Shift + Arrow Keys
Layer Up Ctrl + Up Cmd + Up
Layer Down Ctrl + Down Cmd + Down
Deselect Escape Escape

Gallery

Image Drop

image-drop.mp4

Speech Bubbles

custom-speech-bubble.mp4

Prompt Helper

Grid & Knife Mode

Dark Mode

Blend Modes

Effects

Text & Speech Bubbles

FAQ

Q: Can I use this without AI image generation?

A: Yes! All editing features work standalone. AI generation is optional and requires a separate backend (ComfyUI/WebUI/Forge).

Q: Why won't my AI backend connect?

A: Common solutions:

  1. Ensure CORS headers are enabled (--cors-allow-origins=* or --enable-cors-header)
  2. Check the API URL is correct
  3. Verify the backend is running
  4. Try using http://127.0.0.1 instead of localhost

Q: Can I use custom ComfyUI workflows?

A: Yes! You can import and use your own ComfyUI workflows.

Q: Where are my projects saved?

A: Projects are saved as .json files to your local downloads folder. Load them anytime to continue editing.

Q: What data is stored in my browser?

A: The app uses browser localStorage to remember your preferences:

  • Language and dark/light mode settings
  • API connection settings (URL, parameters)
  • Custom prompt presets
  • Tutorial completion status

This data stays in your browser and is never sent to any server.

Q: How do I clear saved settings?

A: Open browser DevTools (F12) → Application tab → Local Storage → Clear the site data. Or use your browser's "Clear site data" feature.

Q: Is my data sent anywhere?

A: No. Everything runs in your browser. AI requests go only to your local backend.

Support

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.

Made with love for manga creators worldwide.