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

           

Related MiniWebtools:

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

by miniwebtool team. Updated: 2026-05-19

General Tools:

Top & Updated:

Random PickerRandom Name PickerInstagram User ID LookupLine CounterFPS ConverterRelative Standard Deviation CalculatorSort NumbersBatting Average CalculatorMAC Address GeneratorRemove SpacesERA CalculatorFeet and Inches to Cm ConverterRandom Truth or Dare GeneratorFacebook User ID LookupWord to Phone Number ConverterImage ResizerMAC Address LookupSum CalculatorSun, Moon & Rising Sign Calculator 🌞🌙✨Bitwise CalculatorPercent Off CalculatorSlope and Grade CalculatorNumber of Digits CalculatorSHA256 Hash GeneratorRandom Quote GeneratorRandom Credit Card GeneratorMP3 LooperSquare Root (√) CalculatorMaster Number CalculatorAudio SplitterVertical Jump CalculatorHalfway Date CalculatorLog Base 10 CalculatorOPS Calculator⬛ Aspect Ratio CalculatorRandom IMEI GeneratorRoman Numerals ConverterInvisible Text GeneratorPhone Number ExtractorRandom Superpower GeneratorMerge VideosJob FinderAI Text HumanizerSlugging Percentage CalculatorCm to Feet and Inches ConverterWord Ladder GeneratorRandom Activity Generator📷 OCR / Image to TextRandom Object GeneratorFile Size ConverterSaturn Return CalculatorSalary Conversion CalculatorRandom Loadout GeneratorNumber to Word ConverterOn Base Percentage CalculatorRandom Fake Address GeneratorRandom Poker Hand GeneratorCaffeine Overdose CalculatorRandom Movie PickerText FormatterRandom Meal GeneratorCompound Growth CalculatorOctal CalculatorCompare Two StringsRandom Writing Prompt GeneratorDecimal to BCD ConverterBinary to Gray Code ConverterBCD to Decimal ConverterConnect the Dots GeneratorVideo to Image ExtractorCM to Inches ConverterYouTube Channel StatisticsLove Compatibility Calculator📅 Date CalculatorPercent Growth Rate CalculatorImage SplitterTime Duration CalculatorWAR CalculatorSteel Weight CalculatorProportion CalculatorFirst n Digits of PiWHIP CalculatorGray Code to Binary ConverterAcreage CalculatorQuotient and Remainder CalculatorAstrological Element Balance CalculatorRandom Birthday GeneratorAdd Text to ImageIP Subnet CalculatorBattery Life CalculatorPerfect Number CheckerRatio to Percentage CalculatorLeap Years ListImage CompressorStair CalculatorAdd Prefix and Suffix to TextArc Length CalculatorSocial Media Username CheckerVideo CompressorBingo Card GeneratorWhat is my Lucky Number?Day of the Year Calculator - What Day of the Year Is It Today?Long Division Calculator🖱️ Click CounterRemove AccentNumber ExtractorSmall Text Generator ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾Martingale Strategy CalculatorSHA512 Hash GeneratorPER CalculatorURL Extractor🎰 Gacha Pity Calculator🔍 Plagiarism CheckerAI Punctuation AdderRemove Leading Trailing SpacesMercury Retrograde CalendarRandom Time GeneratorGrade CalculatorOutlier CalculatorList of Prime NumbersHow Long Ago CalculatorBroken Link CheckerRandom User-Agent GeneratorRandom Chess Opening GeneratorDay of Year CalendarHypotenuse CalculatorLottery Number GeneratorTrigonometric Equation SolverBoiling Point CalculatorBolt Torque CalculatorAngel Number CalculatorClothing Size ConverterEmail ExtractorRandom Emoji GeneratorIP Address to Hex ConverterMandelbrot Set ExplorerBinary to BCD ConverterHeight Percentile CalculatorRandom Letter GeneratorWeight Loss CalculatorRandom Chord GeneratorTaco Bar CalculatorSquare Numbers ListMAC Address AnalyzerWhat is my Zodiac Sign?Cone Flat Pattern (Template) GeneratorBcrypt Hash Generator / CheckerModulo CalculatorWord Scramble GeneratorRadical SimplifierYouTube Comment PickerRandom Number PickerMultiple Fraction CalculatorName Number Calculator🔊 Tone GeneratorBreak Line by CharactersFlip VideoTDEE CalculatorSum of Positive Integers CalculatorConvolution CalculatorMorse Code GeneratorSort Text By LengthAI Language DetectorRandom Tournament Bracket GeneratorShort Selling Profit CalculatorDMS to Decimal Degrees ConverterList RandomizerRandom Group GeneratorVideo SplitterRoman Numeral Math SolverRemove Audio from VideoBonus CalculatorExponential Decay CalculatorBirth Day of the Week CalculatorRandomize NumbersAdjust Video SpeedFence CalculatorAI ParaphraserMiter Angle CalculatorMolarity CalculatorRock Paper Scissors GeneratorText to Speech ReaderDice Roll Probability CalculatorEstimation CalculatorRandom Playing Card GeneratorYouTube Earnings EstimatorNumber Pattern FinderkPa to psi ConverterAge CalculatorAntilog CalculatorName RandomizerColor InverterYouTube Tag ExtractorBCD to Binary ConverterList CleanerPVIFA CalculatorPercentile CalculatorAmortization CalculatorSort Lines AlphabeticallyHex to BCD ConverterBCD to Hex ConverterMedian CalculatorStandard Error CalculatorAverage CalculatorReverse VideoActual Cash Value CalculatorScientific Notation to Decimal ConverterLog Base 2 CalculatorRoot Mean Square CalculatorSHA3-256 Hash GeneratorAI Sentence ExpanderLbs to Kg ConverterHex to Decimal ConverterRandom String GeneratorMarkup 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 CalculatorSocial Media Post Time OptimizerCTR 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 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 CalculatorTip Splitter (Advanced)Lease vs Buy CalculatorHourly Rate Calculator (Freelancer)Invoice Late Fee CalculatorESPP CalculatorStock Split CalculatorOptions Probability CalculatorDollar to Gold ConverterBeam Load CalculatorPipe Flow 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 TrainerEgyptian 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 GeneratorVoronoi Diagram GeneratorDelaunay Triangulation GeneratorL-System Fractal GeneratorJulia Set GeneratorPolar Equation Plotter3D Surface PlotterSierpinski Triangle GeneratorcURL Command BuilderHTTP Status Code ReferenceUUID Validator/DecoderURL ParserQuery String BuilderSVG to React/JSX ConverterSCSS to CSS CompilerLess to CSS CompilerTypeScript PlaygroundJSON Schema GeneratorImage to ASCII Art ConverterImage to SVG TracerLipogram CheckerPangram CheckerAcronym GeneratorBackronym GeneratorPig Latin TranslatorEXIF Data Viewer/RemoverROT13 Encoder/DecoderAtbash Cipher ToolVigenère Cipher ToolPronunciation IPA ConverterHemingway-Style Readability EditorSentence Length Variance AnalyzerWord Frequency AnalyzerBusiness Days CalculatorAdd Business Days to DateDate Pattern GeneratorHow Long Until CalculatorBirthday Across Cultures CalculatorLunar Calendar ConverterHijri Calendar ConverterHebrew Calendar ConverterInsulin Sensitivity Factor CalculatorCarb-to-Insulin Ratio CalculatorLean Body Mass to Strength CalculatorOne-Mile Walk Test (Rockport) CalculatorCooper 12-Minute Run CalculatorFFMI CalculatorAPGAR Score CalculatorGlasgow Coma Scale CalculatorWells Score Calculator (DVT/PE)Tennis Score TrackerSoccer xG (Expected Goals) CalculatorCricket Run Rate CalculatorRugby Points CalculatorBoxing Punch Power CalculatorRace Time PredictorSwimming SWOLF CalculatorYoga Pose Hold TimerFishing Knot Strength CalculatorBike Gear Ratio CalculatorClimbing Grade ConverterWine Pairing SuggesterStandard Drink CalculatorCaffeine Half-Life TrackerSpice Substitution FinderDietary Restriction Recipe FilterMarinade Time CalculatorFermentation Time CalculatorSmoking Wood Pairing GuideFreelance Project Pricing CalculatorSaaS Pricing CalculatorSubscription Cost TrackerSide Hustle ROI CalculatorRemote Work Savings CalculatorCoffee Habit Cost CalculatorGym vs Home Workout Cost CalculatorLunch Cost CalculatorWealth Growth Visualizer1031 Exchange CalculatorRental Yield CalculatorCash-on-Cash Return CalculatorBRRRR Method CalculatorSection 8 Rent CalculatorRoommate Rent SplitterAirbnb Pricing OptimizerStatute of Limitations CalculatorSentence Reduction CalculatorSales Tax Nexus Checker
×

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)