Minecraft Banner Designer

Design banners with up to 6 pattern layers and see exactly how your design will look on both a banner and a shield — including Mojang's half-resolution shield rendering. Step-by-step survival loom guide, version-aware /give commands for every Minecraft version since 1.20.5, and 40+ presets to remix. Runs entirely in your browser.

[ Ad slot — replace with AdSense / Ezoic code ]
Design your banner
Banners are limited to 6 pattern layers when crafted at a loom.
0 of 6
Banner
20 × 40 pattern grid
Shield
10 × 20 pattern grid · half-res

Notice the shield reads chunkier than the banner? That's Mojang's actual half-resolution rendering for shields — not a bug here. Designs built from larger shapes translate cleanly; fine detail doesn't.

[ Ad slot — replace with AdSense / Ezoic code ]

Load a preset and remix

Hand-designed presets — country flags, mob faces, kingdom crests. Click any preset to load it into the editor above, then tweak.

How banner pattern layering works

A Minecraft banner is one base-colored cloth (the wool you crafted it from) with up to six pattern layers applied on top at a loom. Each loom step takes the current banner, one dye, and optionally a banner pattern item, and produces a new banner with one more layer. Layers stack like transparencies: every later layer paints over what's below it, only where that pattern has filled cells. Order matters. A red "stripe middle" applied first and a black "stripe middle" applied second produces a black stripe — the red is hidden.

The 6-layer cap is a hard rule of the loom. To exceed it you need /give commands in creative mode (or as an op on a server), and the resulting banner can't be reproduced in survival even if you have all the materials. This designer's "Creative / Commands" mode raises the cap to 16 for that workflow.

Each pattern is also a separate dye cost. A 6-layer banner needs 6 dyes plus the wool and stick to craft the base. Some patterns also need a banner pattern item — a reusable template you craft or find once and keep in your inventory. The crafting steps panel above lists exactly which items you need for the design you've built.

Why your banner looks different on a shield (and how this tool helps)

Minecraft renders banner designs on shields at half the resolution they appear on banners themselves — a 10×20 pattern grid on shields versus 20×40 on banners. That's why a banner with a clean creeper face on it looks fine as a wall hanging but reads as a chunky blob when you slap it on a shield in combat. Mojang has acknowledged this on the official feedback site and on bugs.mojang.com and chose not to fix it; CurseForge has a popular Shield Banner Fix mod that restores the higher resolution for players willing to install mods. Vanilla players have to live with it.

Every other browser-based banner designer shows you only the banner view, so your shield-rendering surprise happens in-game after you've spent the materials. This tool puts both renders side by side and updates them live as you design. The shield preview here is faithful to Mojang's actual algorithm — it renders the same patterns at the same lower grid resolution, so chunkiness in the preview is chunkiness you'll see in-game. As a rule of thumb: designs built from big shapes (stripes, halves, large triangles, single charges) translate cleanly. Anything that depends on fine detail won't.

The /give command syntax changed in 1.20.5 — many tools haven't caught up

Minecraft Java Edition 1.20.5 (April 2024) replaced the legacy NBT format with structured "item components." The legacy form looked like {BlockEntityTag:{Patterns:[{Pattern:"mr",Color:14}]}}; the modern form looks like [banner_patterns=[{pattern:"stripe_middle",color:"black"}]]. The two are not interchangeable — pasting an old-format command into a 1.21 server throws an "Unknown component" error.

The version dropdown next to the Copy button outputs the right syntax for your game. Pick Java 1.21.5+ for modern singleplayer or current servers, Java 1.20.5–1.21.4 for early-components servers running between the migration snapshot and the latest patch, Java ≤ 1.20.4 for legacy NBT (still useful on older modpacks and pre-1.20.5 worlds), or Bedrock for the Bedrock command format.

Java vs Bedrock — what's different

The 16 dye colors and the loom interface are the same on both editions. The two main historical differences:

  • Field Masoned and Bordure Indented were Bedrock-exclusive for years (crafted from paper + bricks and paper + vine respectively). Java caught up in the 1.21.2 update, so both patterns are now available in both editions if your game is current. Older Java servers won't recognize them.
  • The /give command syntax is completely different between editions. Bedrock commands don't use the components-or-NBT format — they use a numeric base-color argument and a JSON-like NBT block. The Bedrock option in the version dropdown emits the right form.
  • The shield-vs-banner resolution gap exists in both editions — it's a renderer choice, not a Java quirk.

Translating real-world flags into banner patterns

The 6-layer cap and the limited shape vocabulary mean that not every flag is reproducible. Tricolor flags (Germany, France, Italy, Belgium, etc.) are the easiest: three layers — base color plus two horizontal or vertical splits. Striped flags (Greece, Sweden, US — without the stars) take more layers but stay within budget if you don't insist on perfect proportions. Flags with detailed centerpieces (Mexico's eagle, Canada's maple leaf, US stars) can only be approximated; the centerpiece becomes a single roundel or simplified charge, or the flag is shown without it.

A useful rule: get the colors right first, then big shapes, then accept that fine detail will round off. If the result on the shield preview here is unreadable, the in-game shield will be unreadable too. The country-flag presets in the library above are all designed with these constraints in mind, so they're a useful starting point for any flag-adjacent design — load one as a base and tweak the colors.

Why this designer skips the charge patterns

Of the ~43 patterns the loom supports, eight are "charge" patterns that require a separate Banner Pattern item — the Creeper Charge, Skull Charge, Flower Charge, Thing (Mojang), Globe, Snout (Piglin), Flow, and Guster. Each is unlocked by a different in-game source: crafting with a mob head or specific item, trading with a master cartographer, or looting bastion remnants and trial chambers.

Those eight patterns are also the only ones whose in-game art is not a simple geometric shape. Mojang ships them as detailed 20×40 grayscale textures with anti-aliased edges — a faithful reproduction would mean bundling those texture files, which we don't. Hand-redrawn approximations consistently come out looking worse than the in-game render, which defeats the purpose of a design-preview tool: you can't trust the preview if it doesn't match what the game actually displays.

So this designer covers the 35 geometric patterns that the rendering engine here can reproduce exactly — stripes, halves, quarters, crosses, triangles, diagonals, gradients, borders, the roundel, and the lozenge. If you want a charge on your banner, the workflow is unchanged from any other tool: design the geometric layers here, copy the /give command or the share link, then apply the charge at a loom in-game with the relevant pattern item.

The FAQ below lists where to obtain each charge item. The shortest paths: Creeper Charge needs a charged-creeper kill (lightning strike + creeper), Globe is an 8-emerald master cartographer trade, and Flow / Guster are trial chamber vault drops. Field Masoned (paper + brick) and Bordure Indented (paper + vine) are also pattern items but their geometry IS supported here — they're under "Borders & crosses" in the picker.

[ Ad slot — replace with AdSense / Ezoic code ]

Frequently asked questions

Why does my banner look different when I put it on a shield?

Minecraft renders banner patterns on shields at half the resolution of the banner itself — a 10×20 pattern grid versus the banner's 20×40. Mojang has acknowledged this on bugs.mojang.com and on the official feedback site, and chose not to fix it. The CurseForge Shield Banner Fix mod restores the higher resolution for players willing to install mods (it has over 339,000 downloads — a good measure of how much vanilla players notice).

The shield preview in this tool faithfully reproduces the lower resolution so you can see whether your design still reads clearly before you spend the materials. Designs built from larger shapes (stripes, halves, big triangles) translate cleanly; designs that rely on small details will look chunkier on the shield. The two side-by-side previews here update live as you design.

Can I save my banner design without an account?

Yes. Click Copy share link and the entire design encodes into the URL. Bookmark it, paste it in Discord or Reddit, or DM it to a friend — opening that URL reconstructs the exact banner, including base color, every layer, the mode, and the edition. There's no signup, no server, no database. Your design lives in the URL hash.

The URL also auto-updates as you edit, so you can use the browser's back/forward buttons to undo/redo and bookmarking always captures your current state.

Why don't the charge patterns (Creeper, Skull, Flower, Globe, etc.) appear in this designer?

Those eight patterns each require a separate Banner Pattern item in-game and have intricate non-geometric art that web-tool approximations consistently render poorly compared to the actual game. Rather than ship blurry imitations, this designer focuses on the 35 geometric patterns that look exactly as they do in-game — stripes, halves, crosses, triangles, diagonals, gradients, borders, the lozenge, and the roundel.

You can still add a charge to a banner you designed here. Take the banner to a loom in survival along with the relevant Banner Pattern item and a dye — the pattern items are reusable and only need to be obtained once. The next FAQ covers exactly where to find each one.

How do I add a Creeper, Skull, or other charge pattern to my banner in survival?

First obtain the relevant Banner Pattern item:

  • Creeper Charge — craft with paper + creeper head (drops from charged-creeper kills)
  • Skull Charge — craft with paper + wither skeleton skull (~2.5% drop from wither skeletons)
  • Flower Charge — craft with paper + oxeye daisy
  • Thing (Mojang) Charge — craft with paper + enchanted golden apple
  • Globe — trade 8 emeralds with a master-level cartographer villager
  • Snout (Piglin) — loot from generic chests in bastion remnants (~10% drop)
  • Flow — loot from ominous trial vaults in trial chambers (~3.6%)
  • Guster — loot from regular trial chamber vaults

Once you have the pattern item, take it to a loom along with the banner you designed here and any dye color. The pattern item is reusable — the loom doesn't consume it — so one trade or loot drop gives you the pattern for life.

The /give command from this tool says "Unknown component" — what's wrong?

Minecraft 1.20.5 (April 2024) replaced the legacy NBT format with a new "components" format, and any command using the old format throws an "Unknown component" or syntax error on modern servers. Check the version dropdown next to the Copy /give command button:

  • Java 1.21.5+ — current Minecraft, modern components syntax with quoted strings
  • Java 1.20.5–1.21.4 — early components, slight syntax differences from the latest
  • Java ≤ 1.20.4 — legacy BlockEntityTag NBT, useful for older modpacks and worlds
  • Bedrock — Bedrock's own command format (different from Java entirely)

If you're not sure what your server runs, ask the admin — or just try the modern format first and step back one option if it errors.

Does this work for Bedrock Edition?

Yes. Toggle the Edition selector at the top of the editor. The patterns and dye colors are identical, but two historic Bedrock-exclusive patterns (Field Masoned and Bordure Indented) are noted as such — Java caught up in 1.21.2, so they're available on both editions if your game is current.

The /give command output also switches to Bedrock's syntax when Bedrock is selected. Bedrock uses a different command structure from Java and the two are not interchangeable — even between current versions.

The shield-vs-banner resolution gap exists in both editions, so the dual preview is just as useful for Bedrock players.

Why is the maximum 6 layers? Can I make more?

Vanilla survival caps banners at 6 pattern layers — that's a hard Mojang rule and the loom enforces it. The tool's Survival mode reflects that limit.

Switch to Creative / Commands mode and the cap rises to 16. Banners with more than 6 layers can only be obtained via /give command in creative mode (or as an op on a server with command-block access). They render correctly when placed but can't be reproduced through the loom.

The crafting steps panel only appears in survival mode because anything over 6 layers can't be crafted at a loom anyway.

Is any of my design data sent to a server?

No. The entire tool runs as JavaScript in your browser — the pattern rendering, the /give command generation, the URL share link, even the print/PDF output of the crafting guide. Open DevTools → Network tab and you'll see zero outbound requests from this page when you change inputs, swap layers, or generate commands. The only network activity is the initial page load itself and (if you accept the cookie banner) any advertising cookies described in the privacy policy.

Your design also doesn't leave your device when you share — the URL hash carries the design as plain text, decoded only by the recipient's browser when they open the link. Done In Browser never sees the design at all.

Related tools

Part of the Minecraft cluster on Done In Browser — all free, all browser-only, no signup.