Stateless First Architecture

Creative Playground

A high-performance creative coding lab. Interactive visualizations, math sequences, and color tools built with Astro + React 19.

Engines & Labs

Volatile experiments in high-interactivity canvas rendering.

Transform color palettes into beautiful procedural mosaic patterns using CSS Grid.

Visualize mathematical sequences like Recamán and Fibonacci with pluggable renderers.

Generate harmonious color schemes using mathematical color theory models.

Interactive graph, click nodes, search, filter by community.

Manifesto, guides, and references for collaborators.

What Creative Playground is, its principles, and architecture.

Add new UI components to the shared library.

Add new visualizations to the playground.

A step-by-step guide to creating your first visualization in the playground.