Seamless Pattern Generator

Shapes are placed on a square repeat unit, including edge continuations for diagonal lines and grids. The full preview repeats that tile; exported CSS also repeats the SVG unit at the entered tile size.

Yes. The transparent option omits background fill in PNG and SVG. The checkerboard behind transparent pixels belongs to the preview and is not included in the downloads.

The square tile size controls repeat spacing. Dot radius or line width controls the mark size, capped at half the tile. Checkerboard always uses two-by-two half-tile squares and ignores mark size; use even tile dimensions for crisp raster square edges.

It controls the complete pattern layer over the selected background, from 0 to 100 percent. Transparency can remain in PNG and SVG. Group opacity avoids making grid intersections darker just because lines overlap.

A full-size PNG, one repeating PNG tile, full-size vector SVG and a settings JSON record. CSS embeds a small SVG tile as a data URL with repeat and background-size declarations. JSON export is for reference; arbitrary settings import is not supported.

They use the same geometry and layer opacity. Canvas and SVG viewers can rasterize edges slightly differently. SVG keeps vector shapes; PNG has fixed pixels. Browser CSS or image-editor rescaling can change apparent sharpness.

Tiles are 8–256 whole pixels square. Full images use 64–3,200 whole pixels per edge with at most 8 million output pixels. The tile preview is displayed at 128 CSS pixels; its download retains actual tile dimensions.

This tool focuses on simple geometric repeating backgrounds. It does not import artwork or provide an illustration editor; use your design software to combine exported tiles with other assets.

Generation and downloads run locally using existing canvas helpers. No processing upload or saved pattern history is used. Website ads and analytics follow the privacy information.