How to Generate Pixel Shapes for Minecraft Builds with MinecraftShapes.com

MinecraftShapes.com is a browser-based shape generator that turns geometric forms—lines, triangles, pentagons, hexagons, octagons, circles, and more—into pixel grids you can copy into Minecraft. To use it, open the site with JavaScript enabled, pick a shape, set your coordinates or side count, tune thickness and fill, then export as SVG, PNG, or pixel data (or copy a permalink to save the design). It's built for players who want regular, symmetrical footprints rather than freehand pixel art.

Before you start

• JavaScript must be on. The page states plainly that the shape generator requires JavaScript; with it off, nothing will render.
• Know your footprint. Decide roughly how wide and tall the build should be in blocks before you start, since coordinates and side counts drive everything else.
• Have a way to use the output. You can download SVG or PNG, copy pixel data, or copy a permalink. The site does not describe a direct in-game import, so plan on reading the grid and building to it.

Step-by-step: generate a shape

1. Choose the shape type

The shape menu includes:

• Line (A to B)
• Equilateral Triangle
• Quadrilateral
• Pentagon
• Hexagon
• Septagon
• Octagon
• Nonagon
• Decagon
• Dodecagon
• More sides…
• Circle (Ellipse)
• Angle

For a build footprint, polygons and circles are the usual starting points; Line and Angle are better for paths, walls, and roof slopes.

2. Set the geometry

Depending on the shape, you'll work with some combination of:

• Start coords (x, y) and End coords (x, y) for lines and angles
• Sides for polygons
• Top width, Diameter, Height for sizing
• Skew, Angle, Rotation to tilt or orient the shape
• 2×2 centre with a "try to force" option to align the shape on an even grid

Enter values, and the diagram updates. The expected result is a pixel pattern with the symmetry you'd expect from a regular polygon.

3. Refine the pattern

Use the extras and display controls to match your build:

• Extras: Stars, radii, etc. — adds stellations (star shapes made by joining vertices in different orders, shown as {7/3}-style notation) and radius guides.
• Thickness: thin / thick / filled — thin gives an outline, filled gives a solid footprint. The FAQ suggests two routes to "thicc" shapes: make a thin shape and thicken it until satisfied, or stack multiple thin shapes of different radii around the same centre.
• Force circle — pushes the result toward a circular outline.
• Block count — shows how many blocks the shape covers, useful for estimating material needs.
• Show coords (and crosshairs) — overlays coordinates on the grid so you can read positions while building.

4. Navigate and mark the diagram

• Scroll or pinch to zoom, click and drag to pan.
• Right-click or long-press a square to highlight it and mark your place—handy for tracking a corner or centre while you build.
• Highlights: Clear / Copy and the arrow keys help you manage and step through marked cells.
• Set coords / Set all cell coordinates let you lock in positions precisely.

5. Export or save

• Download: SVG / PNG / pixels — SVG for scaling and printing a plan, PNG for a quick reference image, pixels for the raw grid data.
• Copy permalink — saves the exact configuration in a URL so you can reopen or share the design.

Why shapes can look "wonky" or circle-like

Two behaviors are worth knowing before you assume something is broken:

• Line direction matters. The FAQ explains that because of how rasterized geometry works, the direction you draw a line changes the pixel result. The site enforces symmetry where you'd expect it in regular polygons, so small asymmetries in lines are normal—but if you believe something is genuinely wrong, the site invites you to get in touch.
• High side counts approach a circle. The more sides a polygon has, and the shorter each side is, the lower the definition—so a many-sided polygon can be hard to distinguish from a circle at small sizes. If you need a visibly polygonal look, keep the shape large enough that individual sides read clearly.

Quick reference

Common snags

• Nothing renders. Check that JavaScript is enabled—this is the most likely cause per the site's own notice.
• Shape looks lopsided. Confirm you're using a polygon type rather than a line, and check rotation/skew values; the site guarantees symmetry for regular polygons.
• Polygon looks like a circle. Increase the size or reduce the side count so the edges are visible.
• Your shape isn't listed. The site says all regular polygons are implemented; for anything else, email a suggestion—updates happen when the developer has time, so don't expect immediate additions.
• Want your build featured? The gallery accepts submissions: send a picture and the build's name.

If the tool saves you time, the site notes that donations and Patreon support keep it improving—optional, but relevant if you rely on it for large projects.