All previews on this page are CSS/canvas approximations for quick reference — not pixel-perfect in-game renders. Always confirm the final look in Minecraft itself.

How to Use the Banner Designer

  1. Pick a base banner color – this is the banner item itself (e.g. a white banner, a red banner) before any patterns are added.
  2. Add up to 6 pattern layers, each with its own pattern and dye color, using + Add layer.
  3. Reorder your thinking around layer order – the last layer in the list renders on top, exactly as in the live preview.
  4. Remove a layer at any point with its × Remove button.
  5. Copy the generated /give command, which encodes your full design using the banner_patterns item component.

Pattern Reference (43 Patterns)

Every real Minecraft banner pattern is available here by its actual heraldic display name and internal id – including several less commonly known patterns beyond the classic stripes and crosses: Paly (small_stripes), Bend and Bend Sinister (the two diagonal stripe patterns, stripe_downright/stripe_downleft), Base Gradient (gradient_up, the upward-facing counterpart to the regular downward Gradient), Field Masoned (bricks), Globe, Snout (piglin), Thing (mojang, the pattern most players know informally as the “Mojang logo”), and the two Trial Chamber-era additions Flow and Guster.

Layer order in the item’s banner_patterns component runs bottom-to-top exactly the way you build it here: earlier entries in the list sit underneath, and each new layer you add renders on top of everything before it – matching how the live preview stacks them and how the banner actually looks once crafted at a loom in survival.

The live preview is a CSS approximation built from stacked shapes and clip-paths to give you a quick visual sense of your design – it is not a pixel-perfect render of the game’s actual banner texture, so always verify the final look in-game once you’ve applied the design.

Frequently Asked Questions

How many pattern layers can a real banner have?

Up to 6, matching this tool’s limit – that’s the real in-game maximum enforced by loom crafting (each loom application adds one layer, and a banner can’t hold more than 6 total).

Does the order I add layers in actually matter?

Yes. The item’s banner_patterns component is an ordered list, and later entries render on top of earlier ones – so adding the same two patterns in a different order can produce a visibly different banner if their shapes overlap.

What’s the pattern most people call the “Mojang logo”?

Its internal id is mojang, but its real in-game display name is simply Thing – it’s obtained from the loom by combining an Enchanted Golden Apple with a banner, not from a shape name referencing Mojang directly.

Is the preview here an exact copy of the in-game banner texture?

No – it’s a CSS-based approximation using stacked shapes and clip-paths for a quick visual reference, not a pixel-accurate render of the actual game texture. Confirm the finished look in-game after crafting.

Related Tools