Component theme

Generative Geometry

20 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Voronoi Shatter14 drifting sites partition the canvas into cool-blue Voronoi mosaic cells; moving the pointer nudges the nearest site toward the cursor.
• Auto-MazeDepth-first maze carves itself wall by wall on a dark grid with shifting hue; a bright dot marks the active cell. Resets with a new color on completion.
• Truchet Tiles8x8 grid of rainbow quarter-arc Truchet tiles that flip orientation in slow sine waves, weaving shifting interlocked curves across a dark background.
• SpirographA hypotrochoid spirograph traced progressively on canvas with a shifting hue; each cycle completes then resets with new random radii and color.
• L-System PlantAn L-system fractal plant grows branch by branch from the canvas bottom, swaying gently; clicking triggers a wobble and regrows a randomized plant.
• Rotating Mandala12-fold mandala of 5 nested polygon rings that counter-spin, breathe in scale, and cycle through lilac-gold hues. Tap adds a spin impulse.
• Moiré InterferenceThree drifting concentric ring sets in cyan, pink, and green blend additively to create shifting moiré patterns. Pointer steers one ring center.
• Sierpinski ZoomA Sierpinski triangle fractal endlessly zooms into itself with rainbow-cycling hues in a seamless self-similar loop. Tap to burst the zoom speed.
• Perlin Flow-Field100 peach-gold particles stream along a value-noise flow field on dark charcoal; cursor deflects nearby particles within a 120px radius.
• Kaleidoscope10-fold mirrored kaleidoscope of rotating polygon blobs on a deep plum background; tap/click spins the pattern and regenerates blobs.
• Apollonian GasketRecursive Apollonian circle packing with infinite slow zoom; circles shift from gold to blue by depth, with vignette and pointer/click nudge.
• Penrose AperiodicPenrose rhombus tiling via recursive deflation, recoloured by a sine wave radiating outward in gold, rose, and plum. Pointer nudges wave; click pulses.
• Reaction DiffusionGray-Scott reaction-diffusion simulation morphing between coral, spots, and maze patterns on a 128x128 grid; teal-to-bone color ramp on near-black.
• Strange AttractorDe Jong strange attractor rendered as a smoky pink density cloud on deep purple; coefficients drift via sine clocks so the shape continuously morphs.
• Hilbert WeaveA Hilbert space-filling curve draws itself as a glowing teal-to-violet ribbon with a leading spark, cycling through orders 2–5 and looping continuously.
• Circuit RoutingGlowing green circuit traces auto-route between grid pads at 45/90 degrees with travelling light pulses; traces grow, hold, then fade in a continuous loop.
• Wave InterferenceFour orbiting sources emit ripples drawn as glowing blue marching-squares contour lines on near-black. Pointer adds a fifth interactive wave source.
• Cellular Automaton1D elementary cellular automaton scrolls downward row-by-row, cycling through rules 30/90/110 and more; oldest rows fade, newest glow at the wavefront.
• Wang TilesAperiodic Wang-tile mosaic of four-wedge tiles that domino-flip in a diagonal cascade with matched-seam glow on warm earth tones.
• Poisson Disk BloomGold Poisson-disk points bloom from center on dark olive, linked by a Gabriel graph. Each vertex flashes on arrival; click re-seeds, pointer plants new nodes.