Free · Creative coding

Pattern Doodle Maker

Mix a grid, shapes, and colors to make playful art from a tiny bit of code.

  • Clear, kid-friendly steps
  • Private in your browser
  • No signup

Pattern setup

Mix shapes and colors

Your pattern

Every version is different

Mixing the pattern...

Powered by css-doodle, an open-source library available under MIT.

Three simple steps

How to use it

  1. Move the simple sliders or pick new colors.
  2. Make a new picture and see how it changes.
  3. Save your favorite creation or copy its pattern code.

Private by default

Your words and choices stay in this browser tab. There are no accounts, uploads, ads, or trackers inside the tool. Close the tab and the working data is gone.