Truchet Tile Grid
What this grid is
A Truchet Tile Grid is a repeating tile pattern where each square contains a simple motif, then flips orientation from tile to tile. Even with only a few controls, it can produce results that feel orderly, maze-like, woven, or ornamental.
This generator starts from a clean square tile lattice and draws either Quarter Arcs or Diagonals inside each tile. The visual character comes from how those two tile states are arranged across rows and columns.
Key parameters
- Motif — Choose between classic Quarter Arcs and simpler Diagonals.
- Columns / Rows — Number of tiles across and down.
- Tile Size (px) — Size of each square tile. This directly controls the final output dimensions.
- Arrangement — Controls how tile orientation alternates across the grid.
- Seed — Only affects Random arrangement. Change it to generate a different random layout.
- Line Width / Opacity / Line Color — Final stroke appearance for the tile paths.
Unique highlights
- Produces strong visual variation from a very small parameter set.
- Quarter Arcs can read as maze-like, flowing, or interlaced depending on arrangement.
- Diagonals create a cleaner, more graphic tile language with the same grid logic.
- Random mode gives many distinct outcomes while keeping the same overall tile structure.
- SVG output stays crisp and easy to restyle in vector tools.
Typical use cases
- Decorative backgrounds and pattern studies.
- Maze-like or ornamental line textures.
- Editorial, packaging, and poster accents.
- Repeatable vector assets for branding systems.
- Base patterns for clipping, masking, or further distortion.
Tips
- Start with Quarter Arcs + Checker for the most classic Truchet look.
- Use Rows or Columns when you want the pattern to feel more directional.
- For more variety without changing the overall style, keep settings fixed and change only the Seed in Random mode.
- If the output feels too dense, increase Tile Size before increasing line width.
- If you hit limits, reduce Columns / Rows first.
FAQ
What makes this a Truchet pattern?
The pattern comes from repeating a simple tile in two orientations, then arranging those orientations across a grid.
What is the difference between Quarter Arcs and Diagonals?
Quarter Arcs create curved, flowing connections; Diagonals create straighter, more graphic structure.
How does Random work?
Random uses the current Seed to decide which tile orientation appears in each position.
Why does Tile Size change the output size?
Final width and height are derived directly from Columns, Rows, and Tile Size.
Can I make many distinct examples from one generator?
Yes. Motif, Arrangement, and Seed together can produce many visually different outcomes without changing the core geometry.