Works with any trading card game — Pokémon TCG, Yu-Gi-Oh!, One Piece Card Game,
Shadowverse, MTG, Duel Masters, and beyond.
Upload card images, connect plays with action arrows, group zones.
Save the finished diagram as a clean single image with a screenshot.
* When official card art is involved, check each game's guidelines before sharing.
Not tied to a single game — designed for mapping combos across every major trading card game.
Energy accel · tutors
Solitaire · combo lines
Leader combos
Evolve · rush combos
Combos · the stack
Mana ramp · shields
Ride chains · multi-attack
WIXOSS · Battle Spirits · more
* This is an unofficial tool and is not affiliated with any of the games above. All game names are used for reference; trademarks and copyrights belong to their respective owners.
Everything you need to lay out a combo line, in one toolbar.
Drop in real card art, or use emoji or colored tiles as nodes.
* Card art and other third-party images belong to their respective rights holders. Use within this tool is limited to personal, private use. Before posting, sharing, or using them commercially, please check each game's or service's official image-use guidelines (Fan Content Policy, etc.).
Play / Special Summon / Activate Effect / Search / Revive / Attack / Destroy / Cost — a preset for every core TCG action, reusable across any game.
Group cards under "Hand", "Field", "Graveyard", "Extra Deck", and more with soft color blobs. Distant cards connect via energy-style tethers.
Drag an arrow body to bend the curve. Tangled combos stay legible.
Hide every bit of UI in one tap to capture a clean diagram as a single image.
Export your combo as a .combo.json file and pick up later — uploaded card images are bundled inside.
* Desktop: export and load both supported. Mobile: export only (More ＞ "💾 Export for desktop editing"). Sketch on your phone, finish on your computer.
Pin a floating annotation to any card. Write out the role, the sequence, the things to play around — right on the diagram. Multiple notes per card supported, and you can toggle them all off before screenshotting.
Type your own action on an arrow ("Pendulum Summon", "Ramp", "Evolve" — whatever) and hit the 🏷 Save button next to the label. The label, color, and stamp become a one-click chip you can reuse on later arrows, and × it away when you're done.
Clone a card — name, color, emoji, shape, effect, everything — in one click. Great for lining up similar pieces or branching an alternate combo line. The Duplicate button lives in the right panel and the card editor sheet.
Hit the toolbar's ● Branch node button, then click an arrow or inside a zone blob — a small circular node lands at that spot.
・Placed on an arrow: tracks the bezier as the source / target cards move. Drag to slide it anywhere along the curve. Perfect for splitting one effect into two branches or merging two paths.
・Placed inside a zone: auto-registers as a member of that zone. The branch snapshots the zone's color at placement time (later edits are independent). It drags freely, and the metaball blob naturally re-shapes to include it — there's nothing to "follow" because the branch IS part of the zone.
Branches act like mini cards — draw arrows out of them just like normal nodes. Branches can't exist on their own: if the underlying arrow / zone is deleted, the branch and any arrows / notes attached to it are deleted along with it (cascade). When a zone runs out of regular cards, the zone itself is removed and any branch members go with it. Press Esc or click the button again to exit placement mode.
Annotations aren't just for cards — arrows can carry notes too. Select an arrow, then in the right panel's "💬 Notes" section, hit "+ Add note". Use it to capture intent ("chain only when X", "play around the trap", "bait the response") right on the action itself. The connector line renders behind the arrow path so labels naturally occlude it where they cross. You can attach multiple notes to one arrow, and deleting the arrow cleans up all of its notes automatically.
Even on your first try, you'll have a complete combo line in minutes.
Click "＋ Card" in the top bar to drop your first card. Fill in a name and optional subtitle (type, zone, role, etc.).
Upload a card image, or pick from emoji and color swatches. Choose a shape too — Card, Circle, or Bubble.
Hover a card to reveal a ＋ handle. Drag it onto another card to draw an arrow.
Click an arrow to pick an action — Search, Special Summon, Activate Effect, Attack, and more. Customize the line style (one-way / two-way / dotted / wavy / cracked), thickness, and color. Turn on arrow flow animation from "Background" in the toolbar and the combo's direction becomes instantly readable at a glance.
Hit "📸 Screenshot" in the toolbar to hide every UI element, then capture with your OS screenshot shortcut to save a clean image.
* Project files (.combo.json): desktop and mobile both support export; only desktop can load. So you can sketch on mobile and finish on desktop.
Eight universal actions out of the box — plus a free-text Custom option.
Put a card onto the field
Onto the field via an effect
Trigger an ability
Add to hand
Bring back from the graveyard
Damage / combat
Remove from the field
Pay a resource
Wrap Hand, Field, Graveyard, Extra Deck, Exile, and more in soft color blobs.
Click a card, then use the button at the bottom of the right panel. A new zone is created with that card as the first member.
While the "Editing zone" banner is visible at the top, each card click toggles membership in and out.
Name it "Field", "Graveyard", "Final board" — anything. Pick a color, toggle the label on/off, and drag the label anywhere.
A card can live in any number of zones at once — e.g. both "Hand" and "Cost source" — to visualize layered roles.
A few extras that make the tool much nicer to live in.
Drag an arrow body to shape the curve — great for pulling labels off of crowded intersections.
With one arrow selected, shift-click a second arrow to swap their front-to-back order. Useful when a label gets hidden behind another arrow.
Drag a zone's name pill to a spot that doesn't collide with your cards or arrows.
On desktop, Ctrl / ⌘ + Z / Y. On mobile, the toolbar's ↶ ↷ buttons. Experiment freely.
The mobile build is a "quick sketch" version. For detailed layout work or advanced editing, desktop (or a large tablet) is recommended.
* Export of .combo.json works on both desktop and mobile, but loading is desktop-only. To finish a mobile draft on desktop, tap "+ More ＞ 💾 Export for desktop editing" on mobile, then on desktop choose "💾 ▾ ＞ 📂 Open project file".
Yes. A free browser-based tool — no signup, no install.
No. The built-in actions (Play, Search, Activate Effect, etc.) are universal across every major TCG. For game-specific terms like "Ride", "Evolve", "Bounce", or "Discard", type your own label and it becomes a reusable chip.
Yes. Hit "📸 Screenshot" in the toolbar to hide every UI element, then use your OS screenshot shortcut to save the result.
No. All image processing happens in your browser — nothing is uploaded to any server. Images are auto-backed-up to your browser's local storage so your work survives a refresh, and "Clear all" wipes them.
Use within this tool is limited to personal, private use — practice, study, and personal notes. Before posting to social media, sharing, redistributing, or using the output commercially, you are responsible for checking each game's or service's official image-use guidelines (Fan Content Policy, etc.). For reference: Pokémon TCG, Wizards of the Coast Fan Content Policy, Yu-Gi-Oh! database.
Yes. Save your combo as a project file (.combo.json) — uploaded card images are bundled inside.
・Desktop: export AND load (Toolbar's "💾 ▾" menu).
・Mobile: export only (More sheet ＞ "💾 Export for desktop editing").
Sketch on phone, finish on desktop. Each browser also auto-saves the latest state to localStorage as a temporary backup, but this backup is per-device and per-browser — desktop and mobile do not sync. To move work between devices, use .combo.json export / import.
Yes. In the mobile "＋ More" sheet, tap "💾 Export for desktop editing" to download a .combo.json file. Open it on the desktop tool via Toolbar's "💾 ▾ ＞ 📂 Open project file". This handoff is one-way (mobile → desktop only); the mobile version cannot import.
There's no hard cap, but for readability we recommend around 20–30 cards. Past that, arrows start crowding each other. For longer combos, split the diagram across multiple screenshots (e.g. "starter → midgame", "midgame → final board").
All you need is a browser.
Turn your deck's combo line into a clean diagram.
Thank you for using this tool. I'm Haruki Tominaga, the developer.
I want to support your creative work in some small way, so I publish most of my tools — including this one — free of charge.
If you've enjoyed using this tool and felt "this helped me!", I'd be truly grateful for a coffee-sized show of support — no pressure, just a warm gesture if it fits.
Anything you send goes directly toward server costs and the energy to keep building.
☕ Buy Me a Coffee