Online geometric pattern generator for creating repeating patterns with triangles, hexagons, circles, squares and more. Customize colors, size, spacing and arrangement. Pure frontend canvas rendering.
6 basic shapes: Triangle (equilateral/isosceles), Square, Hexagon, Circle, Diamond, Star (5-point/6-point). Each shape has independent size, rotation, and spacing controls. Use 'Random Mix' mode to combine multiple shapes in one pattern.
3 arrangement modes: ① Grid: regular horizontal and vertical layout; ② Offset: staggered brick-wall layout, ideal for hexagons and diamonds; ③ Random: organic-style random positions and sizes. Each mode has independent spacing and density controls.
Export as PNG (supports transparent background) or copy as DataURL. Patterns are perfect for: web backgrounds, packaging textures, wallpaper designs, fabric prints. 512×512px recommended for seamless tiling; larger single-image patterns also supported.
Grid and Offset arrangements generate seamless tiles by default. Set the exported PNG as CSS background-image with `background-repeat: repeat` for seamless tiling. Export at 512×512px for best CSS background practice.
Suggestions or questions? Feedback