Simplify Your Workflow: Search MiniWebtool.
Add Extension
See also
Voronoi Diagram GeneratorSpirograph GeneratorSierpinski Triangle GeneratorPolar Equation PlotterGraph Coloring Calculator
Home Page > Miscellaneous > General Tools > Tessellation Generator

Tessellation Generator

Generate gap-free Escher-style tessellation patterns from regular and semi-regular tiles — triangles, squares, hexagons, rhombi, octagons, and bricks. Color them with curated palettes, turn straight edges into interlocking Escher curves, and export as crisp SVG or PNG.

Tessellation Generator
Try a preset:
Wavy edges interlock automatically — adjacent tiles share matching curves.

Embed Tessellation Generator Widget

● Pattern ready
Regular Hexagons (Honeycomb) Three hexagons at every vertex · 48 tiles · Straight (geometric)
Hexagons (6.6.6) — Honeycomb
Nature's favorite tile — bees, basalt columns, soap foam. Among all regular tessellations, hexagons enclose the most area with the least perimeter per tile, which is why honeycombs are so efficient.
Vertex: 6.6.6 Wallpaper group: p6m
PatternRegular Hexagons (Honey…
PaletteMediterranean (teal & sky)
Grid6 × 8
Tiles drawn48
Palette:
Copied ✓
📲

Install MiniWebtool App

Add to your home screen for instant access — free, fast, no download needed.

           

Want faster & ad-free?
Go Premium

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.

How to Read a Tessellation

Vertex configuration — the numbers (like 4.4.4.4 or 4.8.8) describe which polygons meet at each vertex, in order. Two octagons and one square is 8.8.4.
Wallpaper group — the symmetry class of the whole pattern. There are exactly 17 such groups; this tool shows you which one your pattern belongs to (p4m, p6m, etc.).
Edge style — straight edges give classic geometry. Wavy edges turn each side into a quadratic Bezier curve that interlocks perfectly with the neighbor's matching curve, the trick behind Escher's animal tilings.
Color palette — six tones per palette rotate across tiles. For the cube illusion the same three palette tones are mapped to "top", "right", and "left" faces to create the 3D effect.

What Makes This Tessellation Generator Different

True interlocking Escher edges Wavy and zigzag modes compute every edge's control point from the canonical endpoint order, so the curve on one tile matches the curve on its neighbor exactly. No gaps, no overlap — the same trick Escher used by hand to fit lizards and fish together.
Six patterns, including semi-regular Most generators stop at squares and hexagons. This one ships the three regular tilings, the 4.8.8 truncated square (Islamic and Roman classic), a 3D-cube rhombus, and a running-bond brick — six visually distinct families.
Built-in math education Every generated pattern displays its vertex configuration and wallpaper group. You learn the symmetry vocabulary by playing — pick a hexagon, see p6m; switch to bricks, see p2. Perfect for K–12 and undergrad geometry classes.

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

General Tools:

Top & Updated:

Instagram User ID LookupRandom PickerRandom Name Picker WheelImage ResizerFacebook User ID LookupLine CounterSort NumbersRSD Calculator - Relative Standard DeviationSun, Moon & Rising Sign Calculator 🌞🌙✨Remove SpacesFPS ConverterRandom Quote GeneratorWord to Phone Number Converter⬛ Aspect Ratio CalculatorMAC Address Generator📷 OCR / Image to Text🖱️ Click CounterMAC Address LookupERA CalculatorSquare Root (√) CalculatorRandom Credit Card GeneratorMerge VideosPercent Off CalculatorJulian Date ConverterSHA256 Hash GeneratorSlope and Grade CalculatorCm to Feet and Inches ConverterWeight Loss CalculatorJob FinderBatting Average CalculatorRandom Fake Address GeneratorSum CalculatorRoman Numerals ConverterNumber of Digits CalculatorBCD ConverterMP3 LooperIP Subnet CalculatorAdd Text to ImageLog Base 10 CalculatorPhone Number ExtractorRandom Superpower GeneratorInvisible Text GeneratorRandom IMEI GeneratorAudio SplitterVertical Jump CalculatorName RandomizerMaster Number CalculatorRandom Truth or Dare GeneratorSalary Conversion CalculatorImage SplitterBitwise CalculatorFeet and Inches to Cm ConverterText FormatterRandom Activity GeneratorNumber to Word ConverterHalfway Date CalculatorLunar Calendar ConverterVideo CompressorCaffeine Overdose CalculatorRandom Birthday GeneratorYouTube Channel StatisticsWord Ladder GeneratorOctal CalculatorSun Position CalculatorRandom Writing Prompt GeneratorLong Division CalculatorRandom Poker Hand GeneratorCompound Growth CalculatorSHA512 Hash GeneratorLeap Years ListOPS CalculatorMultiplication CalculatorBinary to Gray Code ConverterHebrew Calendar ConverterOutlier Calculator🔍 Plagiarism CheckerImage CompressorStair CalculatorBolt Torque CalculatorQuotient and Remainder CalculatorRandom Meal GeneratorRandom Movie PickerEstimation CalculatorMD5 Hash GeneratorBreak Line by CharactersFirst n Digits of PiList RandomizerFile Size ConverterStandard Error CalculatorEmail ExtractorCompare Two StringsModulo CalculatorRandom Emoji GeneratorList of Prime NumbersBroken Link CheckerArc Length CalculatorFlip VideoRandom Video Thumbnail GeneratorRandom Loadout GeneratorAPI TesterBingo Card GeneratorVideo to Image ExtractorPercent Growth Rate CalculatorMultiple Fraction CalculatorAI Language DetectoreBay Fee CalculatorPercent to PPM Converter🎰 Gacha Pity CalculatorEquation of a Line CalculatorAstrological Element Balance CalculatorOrder of Operations Calculator (PEMDAS)Chinese Gender PredictorBcrypt Hash Generator / CheckerRandom User-Agent Generator📅 Date CalculatorURL ExtractorDay of Year CalendarRandomize NumbersDay of the Year Calculator - What Day of the Year Is It Today?🔊 Tone GeneratorSlugging Percentage CalculatorFraction CalculatorNumber ExtractorLove Compatibility CalculatorRandom Tournament Bracket GeneratorRandom Chord GeneratorAdd Prefix and Suffix to TextIP Address to Hex ConverterRemove AccentInequality SolverPaycheck Calculator (Take-Home Pay)Cone Flat Pattern (Template) GeneratorName Number CalculatorWHIP CalculatorDMS to Decimal Degrees ConverterWAR CalculatorRandom Group GeneratorRandom Math Problem GeneratorScientific Notation to Decimal ConverterWhat is my Zodiac Sign?Social Media Username CheckerLottery Number GeneratorImage CropperAcreage CalculatorBattery Life CalculatorLED Resistor CalculatorMagic 8-BallWhat is my Lucky Number?Trigonometric Equation SolverAI Text HumanizerSocial Media Post Time Optimizer📊 Bar Graph MakerLimit CalculatorSigma Notation Calculator (Summation)Word Scramble GeneratorColor InverterRandom Number PickerMercury Retrograde CalendarRemove Lines Containing...Whitespace VisualizerYouTube Tag ExtractorDecibel (dB) CalculatorSaturn Return CalculatorAdjust Video SpeedConnect the Dots GeneratorRandom Line PickerRatio to Percentage CalculatorIP Address to Binary ConverterSquare Numbers ListRandom Object GeneratorRandom PIN GeneratorDomain and Range CalculatorOn Base Percentage CalculatorRatio CalculatorLogarithmic Equation SolverFirst n Digits of eSmall Text Generator ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾Algebraic Expression SimplifierImage EnhancerRadical SimplifierAm I Overweight?Reverse TextVideo SplitterLbs to Kg ConverterLong Multiplication CalculatorParabola CalculatorSum of Positive Integers CalculatorIs it a Prime Number?Pregnancy CalendarRandom Excuse GeneratorHousing Appreciation CalculatorHypotenuse CalculatorScientific Notation CalculatorText Case ConverterWater Usage CalculatorPER CalculatorPipe Flow CalculatorBCD to Decimal ConverterGray Code to Binary ConverterAI ParaphraserAI Punctuation AdderBinary to BCD ConverterSort Lines AlphabeticallyHex to BCD ConverterBCD to Binary ConverterBCD to Hex ConverterMedian CalculatorAverage CalculatorPVIFA CalculatorReverse VideoRemove Audio from VideoActual Cash Value CalculatorAngel Number CalculatorLog Base 2 CalculatorRoot Mean Square CalculatorSHA3-256 Hash GeneratorAI Sentence ExpanderTime Duration CalculatorHex to Decimal ConverterConvolution CalculatorMAC Address AnalyzerRandom String GeneratorRemove Leading Trailing SpacesMarkup CalculatorPVIF CalculatorDecimal to Hex ConverterInstagram Font GeneratorSocial Media Image Size GuideTikTok Money CalculatorTwitter/X Character CounterTwitter/X Timestamp ConverterYouTube Watch Time CalculatorTwitch Earnings CalculatorYouTube Shorts Monetization CalculatorFacebook Ad Cost CalculatorSocial Media ROI CalculatorCTR CalculatorROAS CalculatorInfluencer ROI CalculatorForce CalculatorAcceleration CalculatorVelocity CalculatorMomentum CalculatorProjectile Motion CalculatorKinetic Energy CalculatorPotential Energy CalculatorWork and Power CalculatorDensity CalculatorPressure CalculatorIdeal Gas Law CalculatorFree Fall CalculatorTorque CalculatorHorsepower CalculatorDilution CalculatorChemical Equation BalancerStoichiometry CalculatorPercent Yield CalculatorEmpirical Formula CalculatorBoiling Point CalculatorTitration CalculatorMole/Gram/Particle ConverterIrregular Polygon Area CalculatorFrustum CalculatorTorus Calculator3D Distance CalculatorGreat Circle Distance CalculatorCircumscribed Circle (Circumcircle) CalculatorInscribed Circle (Incircle) CalculatorAngle Bisector CalculatorTangent Line to Circle CalculatorHeron's Formula CalculatorCoordinate Geometry Distance CalculatorVolume of Revolution CalculatorSurface of Revolution CalculatorParametric Curve GrapherRiemann Sum CalculatorTrapezoidal Rule CalculatorSimpson's Rule CalculatorImproper Integral CalculatorL'Hôpital's Rule CalculatorMaclaurin Series CalculatorPower Series CalculatorSeries Convergence Test CalculatorInfinite Series Sum CalculatorAverage Rate of Change CalculatorInstantaneous Rate of Change CalculatorRelated Rates SolverOptimization Calculator (Calculus)Gradient Calculator (Multivariable)Divergence CalculatorCurl CalculatorLine Integral CalculatorSurface Integral CalculatorJacobian Matrix CalculatorNewton's Method CalculatorRREF Calculator (Row Echelon Form)Matrix Inverse CalculatorMatrix Multiplication CalculatorDot Product CalculatorCross Product CalculatorVector Magnitude CalculatorUnit Vector CalculatorAngle Between Vectors CalculatorNull Space CalculatorColumn Space CalculatorCramer's Rule CalculatorMatrix Diagonalization CalculatorQR Decomposition CalculatorCholesky Decomposition CalculatorMatrix Power CalculatorCharacteristic Polynomial CalculatorBayes' Theorem CalculatorF-Test / F-Distribution CalculatorHypergeometric Distribution CalculatorNegative Binomial Distribution CalculatorGeometric Distribution CalculatorExponential Distribution CalculatorWeibull Distribution CalculatorBeta Distribution CalculatorSpearman Rank Correlation CalculatorFisher's Exact Test CalculatorContingency Table CalculatorOdds Ratio CalculatorBernoulli Equation CalculatorSurfboard Volume CalculatorTennis Grip Size CalculatorBackpack Size CalculatorCelsius to Fahrenheit ConverterFahrenheit to Celsius ConverterKm to Miles ConverterMiles to Km ConverterMM to Inches ConverterInches to MM ConverterStone to Kg ConverterKg to Stone ConverterLiters to Gallons ConverterGallons to Liters ConverterML to Oz ConverterOz to ML ConverterSquare Meters to Square Feet ConverterSquare Feet to Square Meters ConverterCubic Feet to Cubic Yards ConverterCubic Meters to Cubic FeetKnots to MPH ConverterMPH to KMH / KMH to MPHMg to Ml ConverterAI Text SummarizerAI TranslatorAI Story GeneratorAI Poem GeneratorAI Song Lyrics GeneratorMcg to Mg ConverterIndian Land Unit ConverterTola to Gram ConverterPX to REM ConverterPT to PX ConverterMerge PDFSplit PDFCompress PDFPDF to JPGJPG to PDFRotate PDFDelete PDF PagesAdd Page Numbers to PDFProtect PDFReorder PDF PagesPDF Word CounterPDF Page ExtractorPDF to Text ExtractorUnlock PDF (Owner-Password Removal)PDF Flatten ToolAI Rap Lyrics GeneratorAI Cover Letter GeneratorAI Resume Bullet GeneratorAI LinkedIn Headline & Bio GeneratorAI Instagram Caption GeneratorAI YouTube Title & Description GeneratorAI Video Script GeneratorAI Product Description GeneratorAI Press Release GeneratorAI Wedding Speech GeneratorAI Thank-You Note GeneratorAI Dream InterpreterRandom Question GeneratorWould You Rather GeneratorNever Have I Ever GeneratorIcebreaker Question GeneratorCharades GeneratorPictionary Word GeneratorHangman Word GeneratorTrivia Question GeneratorRandom Fact GeneratorRandom Joke GeneratorDad Joke GeneratorPickup Line GeneratorCompliment GeneratorDaily Affirmation GeneratorJournal Prompt GeneratorDrawing Idea GeneratorFortune Cookie GeneratorFantasy Name GeneratorCapacitor Bank Sizing CalculatorSolar Charge Controller Sizing CalculatorBattery C-Rate CalculatorBattery Internal Resistance CalculatorPeukert Battery Runtime CalculatorWire Resistance CalculatorPCB Via Current CalculatorBand Name GeneratorRap Name GeneratorNickname GeneratorTeam Name GeneratorGamertag GeneratorConvert Video for Twitter (X)
×

Do us a favor and answer 3 quick questions

Thank you for participating in our survey. Your input will help us to improve our services.

Where exactly did you first hear about us?

What is your favorite tool on our site?

if Other, please specify:

How likely is it that you would recommend this tool to a friend?

NOT AT ALL LIKELYEXTREMELY LIKELY

Likely score: (1-10)