Component theme

Abstract Geometric Improvisations

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

• Several Circles13 coloured discs drift and pulse on a charcoal ground with blend-mode overlaps and halos; a pale diagonal line sways below. An abstract composition.
• Singing CompositionTriangles, arcs, circles and lines in Bauhaus primaries spawn, breathe and dissolve on warm paper in an endless generative composition inspired by abstract.
• The Rhythm ScoreA red playhead sweeps 16-step staves of blue circles, yellow triangles, and red squares; each note flares in size and opacity as the head crosses it.
• Concentric ResonanceColored rings burst outward from random points on a dark field, fading as they expand — abstract's concentric forms in perpetual motion.
• Yellow-Red-Blue Counterpoint24 bars in yellow, red, and cobalt rise and fall in sine-wave counterpoint on warm paper, echoing abstract's three-voice color theory.
• The Orbiting TroikaThree colored spheres (blue, yellow, vermilion) orbit a black sun at harmonic speeds, leaving fading color trails that form a slowly turning rosette.
• Checkerboard FugueA diagonal wave sweeps a 10x8 CSS grid, lighting each cell in Bauhaus green, yellow, red, and black before returning it to a warm paper tone.
• Point & Line to PlaneA wandering point trails a black line; where lines cross, a abstract-palette triangle or circle spawns. The composition redraws forever.
• The Staccato KeyboardColored geometric shapes launch from Bauhaus keys and arc back down under gravity, evoking musical staccato in abstract's palette.
• The Great Gate of the Spiritual7 concentric coloured arcs breathe outward from a focal point while 36 radial rays beat rhythmically; a stacked circle and triangle pulse at the centre gate.