Simplify Your Workflow: Search MiniWebtool.
Add Extension
> 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?

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// from MiniWebtool, https://MiniWebtool.com/

by miniwebtool team. Updated: 2026-05-19

Top & Updated:

Random PickerRandom Name PickerLine CounterBatting Average CalculatorRelative Standard Deviation CalculatorFPS ConverterSort NumbersERA CalculatorMAC Address GeneratorInstagram User ID LookupRemove SpacesWord to Phone Number ConverterRandom Truth or Dare GeneratorFacebook User ID LookupFeet and Inches to Cm ConverterJob FinderMAC Address LookupOPS CalculatorSum CalculatorPercent Off CalculatorSquare Root (√) CalculatorRandom Letter GeneratorSHA256 Hash GeneratorBitwise CalculatorLog Base 10 CalculatorNumber of Digits CalculatorSlope and Grade CalculatorVertical Jump CalculatorMP3 LooperSalary Conversion CalculatorRandom Quote GeneratorAudio SplitterImage ResizerPhone Number ExtractorRandom IMEI GeneratorOn Base Percentage CalculatorNumber to Word ConverterRoman Numerals ConverterAI Text HumanizerSlugging Percentage CalculatorCaffeine Overdose CalculatorRandom Poker Hand GeneratorMerge VideosSun, Moon & Rising Sign Calculator 🌞🌙✨Random Loadout GeneratorRandom Activity GeneratorText FormatterCm to Feet and Inches ConverterDecimal to BCD ConverterRandom Movie PickerSaturn Return CalculatorBCD to Decimal ConverterRandom Fake Address GeneratorWAR CalculatorCompound Growth CalculatorGrade CalculatorVideo to Image ExtractorOctal CalculatorRandom Writing Prompt GeneratorInvisible Text GeneratorRandom Birthday GeneratorBinary to Gray Code ConverterRandom Object GeneratorFirst n Digits of PiLove Compatibility CalculatorTime Duration CalculatorRandom Credit Card GeneratorFile Size ConverterWHIP CalculatorRemove AccentQuotient and Remainder CalculatorRandom Superpower GeneratorBingo Card GeneratorMaster Number CalculatorCompare Two StringsYouTube Channel StatisticsRandom Time GeneratorWord Ladder GeneratorPercent Growth Rate CalculatorDay of Year CalendarCM to Inches Converter⬛ Aspect Ratio CalculatorAdd Prefix and Suffix to TextOutlier CalculatorCryptogram GeneratorRandom Chess Opening GeneratorArc Length CalculatorGray Code to Binary ConverterList of Prime NumbersSteel Weight CalculatorImage CompressorRandom Meal GeneratorAdd Text to ImageClothing Size ConverterStair CalculatorLeap Years ListBattery Life CalculatorBinary to BCD ConverterImage SplitterEmail ExtractorURL ExtractorAI ParaphraserAI Punctuation AdderSHA512 Hash GeneratorDay of the Year Calculator - What Day of the Year Is It Today?Video CompressorIP Address to Hex ConverterSort Lines AlphabeticallyHex to BCD ConverterBCD to Binary ConverterLottery Number GeneratorBCD to Hex ConverterMedian CalculatorStandard Error CalculatorList RandomizerBreak Line by CharactersAverage CalculatorModulo CalculatorPVIFA CalculatorReverse VideoHypotenuse CalculatorRemove Audio from VideoActual Cash Value CalculatorScientific Notation to Decimal ConverterNumber ExtractorAngel Number CalculatorLog Base 2 CalculatorRoot Mean Square CalculatorSum of Positive Integers CalculatorSHA3-256 Hash GeneratorAI Sentence Expander📅 Date CalculatorLbs to Kg ConverterHex to Decimal ConverterRandom Group GeneratorConvolution CalculatorMAC Address AnalyzerRandom String GeneratorRemove Leading Trailing SpacesAmortization CalculatorMarkup CalculatorPVIF CalculatorName Number 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 CalculatorSocial Media Post Time OptimizerSocial Media Username CheckerCTR 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 CalculatorRelative Risk CalculatorEffect Size CalculatorPermutations with Repetition CalculatorModular Exponentiation CalculatorPrimitive Root CalculatorPerfect Number CheckerAmicable Number CheckerTwin Prime FinderMersenne Prime CheckerGoldbach Conjecture VerifierMöbius Function CalculatorEgyptian Fraction CalculatorFibonacci Number CheckerDigital Root CalculatorPartition Function CalculatorBoolean Algebra SimplifierKarnaugh Map (K-Map) SolverLogic Gate SimulatorGraph Coloring CalculatorTopological Sort CalculatorAdjacency Matrix CalculatorRecurrence Relation SolverInclusion-Exclusion CalculatorLinear Programming SolverTraveling Salesman Solver (TSP)Hamiltonian Path CheckerPlanar Graph CheckerNetwork Flow Calculator (Max Flow)Stable Marriage Problem SolverFirst-Order ODE SolverSecond-Order ODE SolverDirection Field / Slope Field PlotterEuler's Method CalculatorBernoulli ODE SolverSystem of ODEs SolverGroup Theory Order CalculatorRing and Field CalculatorJordan Normal Form CalculatorMatrix Exponential CalculatorTensor Product CalculatorFast Fourier Transform (FFT) CalculatorZ-Transform CalculatorNumerical Integration CalculatorTOML to JSON ConverterJSON to CSV ConverterXML to JSON ConverterSQL to MongoDB Query ConverterCSS Flexbox PlaygroundCSS Grid GeneratorJWT GeneratorBcrypt Hash Generator / CheckerColor Code Converter (All Formats)Git Command Generator.env File GeneratorLorem Picsum / Placeholder Image GeneratorText to Binary/Hex/ASCII ConverterSyllable CounterSentence CounterParagraph CounterSpeaking Time CalculatorReading Time CalculatorWhitespace VisualizerStrikethrough Text GeneratorTorque Converter (Nm, ft-lb, kgf-cm)Data Transfer Rate ConverterFuel Efficiency ConverterAstronomical Unit ConverterRing Size ConverterPaper Size ReferenceGas Mileage CalculatorEV Range CalculatorEV Charging Time Calculator0–60 / Quarter Mile CalculatorCar Lease CalculatorVehicle Towing Capacity CalculatorExposure Triangle CalculatorCrop Factor CalculatorMegapixel to Print Size CalculatorPhoto File Size EstimatorMusic BPM TapperMusic Key TransposerVideo Bitrate CalculatorSeed Germination Rate CalculatorFertilizer Calculator (NPK)Raised Bed Soil CalculatorFrost Date CalculatorLawn Fertilizer CalculatorCompost Calculator (C:N Ratio)Solar Panel CalculatorSolar ROI CalculatorHome Energy Audit CalculatorAppliance Energy Cost CalculatorWater Usage CalculatorElectricity Generation Cost CalculatorHeat Loss CalculatorFlight Distance CalculatorTravel Budget CalculatorJet Lag CalculatorPacking List GeneratorTip Splitter (Advanced)Lease vs Buy CalculatorHourly Rate Calculator (Freelancer)Invoice Late Fee CalculatorESPP CalculatorStock Split CalculatorOptions Probability CalculatorDollar to Gold ConverterBeam Load CalculatorPipe Flow CalculatorBolt Torque CalculatorGravel, Sand & Topsoil CalculatorRandom Sentence GeneratorRandom Paragraph GeneratorRandom Math Problem GeneratorRandom Bible Verse GeneratorRandom Cat/Dog Name GeneratorRandom Debate Topic GeneratorBody Recomposition CalculatorAlcohol Calorie CalculatorMedication Dosage CalculatorPace to Calories CalculatorHydration CalculatorTrain Meeting Problem SolverAge Word Problem SolverMixture Problem SolverWork Rate Problem SolverDistance-Speed-Time Triangle CalculatorCoin Word Problem SolverNumber Bonds GeneratorCarry and Borrow VisualizerTimes Tables QuizMental Math TrainerRoman Numeral Math SolverEgyptian Multiplication CalculatorVedic Math Tricks CalculatorRussian Peasant MultiplicationSoroban Abacus SimulatorAnnuity Payout CalculatorReverse Mortgage CalculatorVariable Annuity CalculatorFixed Indexed Annuity CalculatorBond Convexity CalculatorBond Duration Calculator (Macaulay & Modified)Forward Rate CalculatorMortgage Recast CalculatorTreasury Inflation-Protected Securities (TIPS) CalculatorStock Beta CalculatorTreynor Ratio CalculatorSortino Ratio CalculatorDoppler Effect CalculatorSpring Constant CalculatorPendulum Period CalculatorCentripetal Force CalculatorAngular Velocity CalculatorMoment of Inertia CalculatorSnell's Law CalculatorCoulomb's Law CalculatorElectric Field CalculatorMagnetic Field of Wire CalculatorLens Equation CalculatorA/B Test Significance CalculatorA/B Test Sample Size CalculatorConversion Rate CalculatorCustomer Lifetime Value (CLV) CalculatorCustomer Acquisition Cost (CAC) CalculatorChurn Rate CalculatorRetention Rate Cohort CalculatorNPS (Net Promoter Score) CalculatorPareto Chart GeneratorSix Sigma Process Capability CalculatorTessellation GeneratorSpirograph Generator
×

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)