SVG Pattern Library
Pick from 146 generative vector patterns, fine-tune every setting and export a clean SVG, a PNG up to 4,000 px, a CSS tile or an HTML component.
About this tool
This library brings together 146 generative vector patterns in eight families: grid, flow, radial, noise, isometric, distortion, organic and physics. Each pattern is computed from a seed and from settings you are free to change: number of cells, amplitude, density, stroke width, scale, rotation, colours and transparency. The same seed always gives the same drawing, and the Randomise button explores new variations while respecting the settings you have locked.
The patterns work as website and slide backgrounds, packaging, textiles, stationery, menus or social media visuals. When the design allows it, the pattern forms a perfectly seamless tile that you can check in the mosaic view and paste straight in as a CSS background. You can export an optimised SVG, a transparent PNG up to 4,000 px, a CSS tile or an HTML component, in square, A4, banner, wallpaper or story formats, and share your settings with a simple link. Everything is computed in your browser: nothing is sent to a server.
- 146 original patterns in 8 families
- Seed, Randomise button and setting locks
- Ready-made palettes, 1 to 5 colours, transparent background
- Seamless tiles with a mosaic preview
- Optional SVG animations
- SVG, 4,000 px PNG, CSS tile and HTML export
- Square, A4, banner, wallpaper and story formats
- Share link that keeps every setting
How to use it
- Filter the gallery by family or search for a pattern, then open it.
- Adjust its settings, colours and format, or click “Randomise”.
- Export as SVG, PNG, CSS tile or HTML, or copy the share link.