π± CR Comic Panel Templates
Arrange images into a comic-page layout
- images
- image
- show_help
You've generated a handful of images and you want them laid out like a comic page - framed panels, gutters, a border around the lot. This node does exactly that. Feed it a batch of images, pick a layout template, and it assembles a single comic-style IMAGE with each image dropped into its own panel.
It's from Comfyroll Studio (Suzie1 / RockOfFire), in the Graphics β Template group. No model, no diffusion - it's a Pillow layout routine that arranges images you already have. It's genuinely one of the more fun nodes in the pack if you're doing sequential art or storyboards.
How it works
You set a page size, choose a template, and route your images in. The template is a code from a dropdown of 19 presets - things like H2, H3, H12, V2, G22, G33 - where the letters and numbers describe the row/column split (H for horizontal rows, V for vertical, G for grids). The node slices the page into those panels and fills them in order.
Prefer to hand-design the grid? Set template to custom and type a layout string into custom_panel_layout (default H123) - that's the escape hatch for arrangements the presets don't cover. reading_direction (left-to-right or right-to-left) decides fill order, which matters if you're doing manga-style pages.
Everything else is styling: border_thickness around the whole page, outline_thickness around each panel, and three colors - outline_color, panel_color (the empty-panel fill), and background_color - each from a 30-entry dropdown with custom/hex support.
The inputs that matter
images(optional input) - the batch of images to place, one per panel.template- the layout preset (19 options), orcustomto use your own string.custom_panel_layout(defaultH123) - your hand-written layout whentemplateiscustom.border_thickness/outline_thickness- the page border and per-panel outlines.reading_direction- fill order, left-to-right or right-to-left.
Output is a single image (plus the show_help wiki link you don't wire).
Where you'd actually reach for it
The obvious one: making actual comic or manga pages from generated panels. But it's just as good for contact sheets, before/after grids, storyboards, and multi-shot social posts. Pair it with Comfyroll's text nodes to add captions or speech, and you've got a full page-assembly pipeline without leaving ComfyUI. Feed it a batch straight off a KSampler and the panels fill in generation order.
How to install it
- ComfyUI Manager: search
Comfyroll Studio, install, restart. - Manual:
cd ComfyUI/custom_nodes && git clone https://github.com/Suzie1/ComfyUI_Comfyroll_CustomNodes.git, then restart.
No downloads - it's a Pillow layout routine.
Common issues
The pack-level failure is the one to know: on newer ComfyUI builds Comfyroll's Graphics module can fail to import at startup (Comfyroll Studio: Failed to load Graphics nodes, then a run of NameError: name 'CR_...' is not defined), which hides every CR node. It's a real, reported issue - read the first console error for the actual cause and update via Manager.
Per-node, the thing that trips people up is the mismatch between panel count and image count. If your template has more panels than you fed it images, the extras render as empty panel_color fills; feed more images than panels and the surplus just don't appear. Match your batch size to the template. And if you go custom, the layout string has its own grammar - start from the shape of the presets (H12, G22) rather than guessing, and tweak from there.
Inputs (14)
| Name | Type | Default | Description |
|---|---|---|---|
| page_width | INT | 5128β4096 | β |
| page_height | INT | 5128β4096 | β |
| template | COMBO | 19 options: custom, G22, G33, H2, H3, H12, +13 | |
| reading_direction | COMBO | 2 options: left to right, right to left | |
| border_thickness | INT | 50β1024 | β |
| outline_thickness | INT | 20β1024 | β |
| outline_color | COMBO | 30 options: custom, white, black, red, green, blue, +24 | |
| panel_color | COMBO | 30 options: custom, white, black, red, green, blue, +24 | |
| background_color | COMBO | 30 options: custom, white, black, red, green, blue, +24 | |
| imagesopt | IMAGE | β | |
| custom_panel_layoutopt | STRING | H123 | β |
| outline_color_hexopt | STRING | #000000 | β |
| panel_color_hexopt | STRING | #000000 | β |
| bg_color_hexopt | STRING | #000000 | β |
Outputs (2)
| Name | Type | Description |
|---|---|---|
| image | IMAGE | β |
| show_help | STRING | β |