Designer, Artist, Creative Technologist
index

SOOPERgrid

A recursive grid generator that builds random layouts with different colors and shapes. Export grids to SVG or PNG.

SOOPERgrid is an interactive tool for creating dynamic grid-based compositions. The recursive grid creation algorithm generates endless variations of layouts, each with unique color palettes and geometric arrangements.

SOOPERgrid screenshot

Click here to open SOOPERgrid in a new window

Features include:

  • Real-time generation with customizable parameters
  • Export functionality (SVG & PNG)
  • Random color palettes (2-9 colors in each palette)
  • Shape and pattern variants

Built with P5.js, I created SOOPERgrid to explore recursive grids and how to create custom tools to make art that can be exported as SVG assets for post-processing elsewhere.

SOOPERgrid output examples

SOOPERgrid is open source, you can clone, modify, and make SOOPERgrid your own. Go check it out on Github.

ursooperduper/sooper-grid