Tessellation Generator
MiniWebtool’s Tessellation Generator creates repeating patterns from regular and semi-regular tiles. Choose a layout, palette, and edge treatment, adjust the grid, and export the design as SVG or PNG.
For Gemini, paste the copied question into the chat. You can also copy it below.Need help using this tool? Ask AI
View the question
Pick a preset or choose a tile pattern, a palette, the rows and columns, tile size and edge style. The result draws the tiling and explains its geometry.
About Tessellation Generator
The Tessellation Generator creates gap-free geometric patterns where one or more shapes fit together to cover the plane — no overlaps, no holes. Pick a tile family (triangles, squares, hexagons, rhombi forming 3D cubes, octagons with corner squares, or running-bond bricks), apply a curated color palette, and optionally turn every straight edge into an interlocking Escher curve. Export as SVG for printing, laser-cutting, and vector editing, or as PNG for slides and social posts. It is built for artists, designers, math teachers, students, quilters, and anyone exploring symmetry and pattern.
At a Glance
Tessellation Generator creates gap-free repeating tile patterns from triangles, squares, hexagons, rhombi, octagons or bricks. Choose a palette and edge style, then export the design as SVG or PNG.
| Feature | What you get | Good for |
|---|---|---|
| Six patterns | Triangles, squares, hexagons, rhombi that form 3D cubes, octagons with corner squares (4.8.8) and running-bond bricks. | Exploring regular and semi-regular tilings |
| Edge styles | Choose straight, wavy or zigzag edges. Wavy and zigzag edges interlock between neighboring tiles for an Escher-style look. | Making interlocking designs without drawing curves |
| Grid controls | Set rows (2–18), columns (2–18) and tile size (20–110 px), and turn outlines on or off. | Fitting a pattern to a page, slide or panel |
| Color palettes | Seven palettes are included, and a Next palette button cycles through them. | Trying color schemes quickly |
| Pattern info | Each pattern shows its vertex configuration, such as 4.4.4.4, and its wallpaper group, such as p4m or p6m. | Geometry classes learning symmetry vocabulary |
| Export | Download SVG or PNG, or copy the SVG code. | Printing, laser cutting, slides and web embedding |
| Presets | Six one-click presets: Honeycomb, 3D Cubes, Islamic Tile, Escher Curves, Subway and Forest Floor. | Starting from a known pattern |
How to Read a Tessellation
What Makes This Tessellation Generator Different
The Three Regular Tessellations
A regular tessellation uses only one type of regular polygon with all corners identical. Surprisingly, only three regular polygons can do this on their own:
- Equilateral triangle (3.3.3.3.3.3): six triangles meet at every vertex; interior angle 60° × 6 = 360°. The densest and stiffest tiling.
- Square (4.4.4.4): four squares meet at every vertex; 90° × 4 = 360°. The basis of every grid.
- Regular hexagon (6.6.6): three hexagons meet at every vertex; 120° × 3 = 360°. Nature's favorite (bees, soap foam, basalt columns).
Any other regular polygon — pentagon, heptagon, octagon — fails because its interior angle doesn't divide 360° evenly. That is why a pentagon alone can never tile a flat plane (though irregular pentagons can!).
Semi-Regular (Archimedean) Tessellations
If you allow more than one regular polygon while keeping every vertex identical, you get eight semi-regular tilings — discovered by Johannes Kepler in 1619. This generator ships one of the most popular: the 4.8.8 truncated square, made of regular octagons with small rotated squares filling the corner gaps. It appears in Roman mosaic floors, Islamic geometric art, modern bathroom tile, and countless quilt patterns.
The Cube Illusion (Rhombille Subset)
Three 60° rhombi sharing a central vertex form a regular hexagonal outline. Shade each rhombus a different tone — light for "top", medium for "right", dark for "left" — and the eye reads the trio as the visible faces of an isometric cube. Tile the plane this way and you get a wall of stacked cubes. The pattern dates to Roman mosaics, surfaces in countless Escher works, and is the same illusion behind the "impossible stairs" of optical art.
How Escher's Wavy Edges Actually Work
M.C. Escher's most famous tilings (Sky and Water I, Reptiles, Day and Night) start from a regular hexagon or square, then deform the edges. The trick: every shape an edge bulges out of one tile must be matched by an identical shape bulging into the adjacent tile. Mathematically, the edge becomes a curve, but the same curve is used by both neighboring tiles, so they still tessellate.
This tool implements the trick algorithmically. For every shared edge, the control point of a quadratic Bezier is computed from the canonical (sorted) endpoint pair — so when tile A traverses the edge P→Q and tile B traverses Q→P, both compute the identical control point and render the same curve. The result is a perfect interlock with no math anxiety required.
Where Tessellations Show Up
- Architecture and design: bathroom floors, Islamic geometric ornament (Alhambra), Gothic stained glass, parquet flooring, modern wallpaper.
- Nature: bee honeycombs, soap-bubble foam, basalt columns at the Giant's Causeway, dried mud cracks, turtle shells, pineapple skin.
- Art: M.C. Escher's lizards, fish, and birds; Roman opus reticulatum; Penrose tilings; Marrakech zellige.
- Industry: hex grid in game level design; quilt and textile patterns; laser-cut metal panels; LED display layouts.
- Mathematics: a gateway to symmetry groups, hyperbolic geometry, quasicrystals (Penrose), and 4-color theorem demonstrations.
Common Tessellation Questions
- Can pentagons tile the plane? Regular pentagons cannot, but at least 15 distinct families of irregular convex pentagons can — the last family was discovered as recently as 2015.
- Can circles tile the plane? No. Circles leave gaps (called interstices) no matter how you pack them. The densest packing leaves about 9.3% empty space.
- Why are honeycombs hexagonal? Mathematically, among all regular tilings, hexagons enclose the most area with the least perimeter per tile — the "Honeycomb Conjecture", proved by Thomas Hales in 1999.
- Are Penrose tilings supported? Not yet. Penrose tilings are non-periodic (they never exactly repeat), which requires different math. Stay tuned for an update.
Frequently Asked Questions
What is a tessellation?
A tessellation is a tiling of the plane by one or more geometric shapes with no gaps and no overlaps. Every edge of every tile is shared with exactly one neighbor. Tessellations appear everywhere — bathroom tile, brickwork, honeycombs, M.C. Escher's prints, and Islamic geometric art.
What are the three regular tessellations?
Only three regular polygons can tile the plane on their own: the equilateral triangle (3.3.3.3.3.3), the square (4.4.4.4), and the regular hexagon (6.6.6). The numbers describe how many polygons meet at each vertex.
What is the 4.8.8 truncated square tessellation?
It is a semi-regular Archimedean tessellation made of regular octagons and small squares. At every vertex, two octagons and one square meet, giving 135° + 135° + 90° = 360°. The pattern appears in classical Roman mosaic floors and many Islamic geometric designs.
How do the Escher wavy edges work?
The tool replaces each straight edge of every tile with a quadratic Bezier curve. The curve's control point is computed from the canonically ordered endpoints, so both tiles sharing the edge render the same curve. The result is an Escher-style interlocking shape with no gaps.
What is a wallpaper group?
A wallpaper group classifies the symmetry of a repeating 2D pattern by which rotations, reflections, glide reflections, and translations leave the pattern unchanged. There are exactly 17 distinct wallpaper groups. The tool labels each pattern with its group (p4m, p6m, p2) so you can recognize the symmetry family at a glance.
Can I export the pattern?
Yes. Download SVG gives a vector file that scales infinitely without losing quality — perfect for printing, laser cutting, or further editing in Illustrator or Inkscape. Download PNG renders the pattern as a raster image at high resolution, suitable for slides, social posts, and documents. Copy code puts the raw SVG markup on your clipboard for embedding in webpages.
Why do wavy edges look strange at the very corners?
Where multiple curved edges meet at a single vertex, the curves can pinch or bulge depending on the geometry of the polygons involved. This is a fundamental property of Escher's technique — even his own prints carry small visual quirks at high-valence vertices. The interlock is mathematically perfect; the appearance is just unusual at sharp junctions.
What is the difference between SVG and PNG export?
SVG is a vector format — the file describes shapes mathematically, so it stays crisp at any size (great for print and laser cutting). PNG is a raster format — the file is a grid of pixels, so it has a fixed resolution (great for slides, web posts, and quick sharing).
Are the patterns I generate free to use?
Yes. Patterns you generate with this tool are yours to use — there is no watermark, no signup, and no usage restriction. Use them in your designs, classroom materials, prints, and projects without attribution.
Why are some tiles cut off at the edges of the output?
Tessellations are infinite by definition. The tool shows you a rectangular slice of the pattern, so tiles near the boundary may be partially visible. Increase rows or columns to see more of the pattern, or reduce tile size for a denser slice.
Reference this content, page, or tool as:
"Tessellation Generator" at https://MiniWebtool.com/tessellation-generator/ from MiniWebtool, https://MiniWebtool.com/
by miniwebtool team. Updated: 2026-05-19
Chat with your favorite AI
For Gemini, paste the copied question into the chat. You can also copy it below.
View the question
General Tools:
- 0–60 / Quarter Mile Calculator New
- 24 Game Solver & Trainer
- 2-Stroke Oil Mix Calculator New
- Age Calculator
- AI Gift Idea Generator New
- AI Travel Itinerary Generator New
- AI Unit Converter (Natural Language) New
- Air Conditioner BTU Calculator
- Aquarium Heater Wattage Calculator New
- Aquarium Substrate Calculator
- Aquarium Volume & Stocking Calculator
- Baby Name Generator New
- Backpacking Food Weight Calculator New
- Banana Radiation Calculator
- Barcode Generator
- BBQ Calculator
- Beer Chill Time Calculator
- Betting Odds Converter New
- Birthday Across Cultures Calculator New
- 🖱️ Click Counter Popular
- Closet Capsule Calculator New
- Cocktail ABV Calculator
- Coffee Brew Ratio Calculator
- Commute Life Wasted Calculator
- Cost of Smoking Calculator
- Crossword Puzzle Maker
- Cryptogram Generator
- CTR Calculator New
- Daily Time Savings Calculator
- 💧 Dew Point Calculator New
- ⚔️ DPS Calculator New
- Elo Rating Calculator New
- Email Reply Time Calculator
- Facebook Ad Cost Calculator New
- Falling Through Earth Calculator
- Fertilizer Calculator (NPK) New
- Flight Distance Calculator New
- Frost Date Calculator New
- Futoshiki Generator
- 🎰 Gacha Pity Calculator Popular
- 🎮 Game Sensitivity Converter New
- Gas Mileage Calculator New
- Hair Dye Mixing Calculator New
- Hashi (Bridges) Puzzle Generator
- 🌡️ Heat Index Calculator New
- Homebrew ABV Calculator (Alcohol by Volume)
- How Old Are You?
- 🎮 In-Game Currency Converter New
- Instagram Engagement Rate Calculator Popular
- Instagram Font Generator New
- Invoice Generator New
- IP Address to Binary Converter Popular
- IP Address to Hex Converter Popular
- IP Subnet Calculator New
- Is JavaScript Enabled?
- Job Finder
- Julia Set Generator New
- K/D Ratio Calculator New
- Kakuro Generator
- KenKen Generator (Calcudoku)
- Killer Sudoku Generator
- Knot Tying Reference Tool New
- L-System Fractal Generator Popular
- Laundry Detergent Dosage Calculator New
- Lawn Fertilizer Calculator New
- Lego Brick House Calculator
- Light Bulb Savings Calculator
- 🎲 Loot Drop Probability Calculator New
- Mandelbrot Set Explorer New
- Maze Generator
- Meeting Cost Ticker
- Miles per Gallon Calculator
- Nonogram Generator (Picross)
- Number to Word Converter
- Octane Mix Calculator Popular
- Packing List Generator New
- Paper Size Reference New
- Parking Ratio Calculator
- Penny Drop Impact Calculator
- Pizza Party Planner
- Plant Spacing Calculator
- QR Code Generator
- Quote Finder Popular
- Raised Bed Soil Calculator New
- ROAS Calculator New
- Shower Cost Calculator
- Sierpinski Triangle Generator New
- Sleeping Bag Temperature Rating Guide New
- Slitherlink Puzzle Generator
- ❄️ Snow Day Calculator New
- Social Media Image Size Guide New
- Social Media Post Time Optimizer New
- Social Media Username Checker Popular
- Speedrun Split Timer New
- Spirograph Generator New
- Storage Unit Size Calculator New
- Sudoku Generator & Solver
- Tent Footprint Size Calculator New
- Tessellation Generator Popular
- TikTok Engagement Rate Calculator New
- TikTok Money Calculator New
- Tire Load Index & Speed Rating Lookup New
- Tire Size Calculator New
- Tire Tread Wear Calculator New
- Toilet Paper Value Calculator
- Trailer Tongue Weight Calculator New
- TV Size Calculator New
- Twitch Earnings Calculator New
- Twitter/X Character Counter New
- Twitter/X Timestamp Converter Popular
- Vehicle Towing Capacity Calculator New
- Vehicle Weight Distribution Calculator New
- Voronoi Diagram Generator Popular
- Wedding Alcohol Calculator
- Wheel Offset Calculator New
- 🌬️ Wind Chill Calculator New
- Word Ladder Generator Popular
- Word Scramble Generator
- Word Search Puzzle Generator
- Word to Phone Number Converter Popular
- Would You Rather Generator New
- YouTube Channel Statistics Popular
- YouTube Comment Picker New
- YouTube Earnings Estimator New
- YouTube Shorts Monetization Calculator New
- YouTube Tag Extractor Popular
- YouTube Thumbnail Downloader New
- YouTube Watch Time Calculator New
- YouTube Transcript Generator New
- QR Code Scanner New
- Keyboard Tester New
- Reaction Time Test New
- Qibla Direction Finder New
- CPS Test New
- Aim Trainer New