(Famous) Abstract Art Canvas 🧑‍🎨

You, too, can be a 20th century abstract artist for a day! Tap, click, or drag to recreate famous abstract artwork from the mid-20th century.

⏳ This project is a Work in Progress.

---

Art pieces in the gallery

	Artist	Artwork	Year	Paint Style	User Interaction	p5js.org	codepen.io
✅	Josef Albers	Homage to the Square	1950 - 1976	Abstract Color Study / Minimalism	Draw squares on the canvas, then tap to cycle through color palettes	link	link
✅	Piet Mondrian	Composition II in Red, Blue, and Yellow	1930	De Stijl / Neoplasticism	Draw black grid lines, then tap to fill in the colors	link	link
👉	Mark Rothko	Orange and Yellow	1956	Color Field Painting	Click or tap reveals subtle color transitions; fade between emotions with soft transitions	tbd	tbd
⏳	Ellsworth Kelly	Colors for a Large Wall	1951	Hard-Edge Abstraction	Shuffle tiles or drag-and-drop to create new arrangements.	tbd	tbd
⏳	Wassily Kandinsky	Composition VIII	1923	Abstract / Geometric Art	User clicks to add shapes and lines that play tones	tbd	tbd

Running the app locally

First time install

brew install pnpm   # uses Homebrew to install pnpm, if needed
pnpm install        # install dependencies

To run the app,

pnpm run dev

Then open http://localhost:5173/ in a browser

I use localhost.run to open a tunnel to my mobile device for testing:

# In a separate bash terminal, I run:
ssh -o ServerAliveInterval=60 -R 80:localhost:5173 localhost.run