Component theme

Primary Grid Compositions

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

• The Rebalancing Gridneoplastic grid of black lines slides to new layouts while red, blue, and yellow cells fade in, resolving into a balanced composition every few seconds.
• Broadway Boogie WoogieColored squares pulse along yellow grid avenues like NYC traffic; intersection dots blink in red, blue, and yellow referencing neoplastic's 1943 painting.
• Self-Assembling Compositionneoplastic grid builds itself every 4 s: cells scale in staggered, black lines draw outward, primary colors fill random regions, then recomposes anew.
• Trading WeightRed and blue blocks trade mass across a fixed axis; a yellow counterweight keeps the neoplastic grid balanced. Slow eased transitions reseed randomly.
• Self-Painting CellsA fixed asymmetric neoplastic grid whose cells autonomously cycle through red, blue, and yellow with smooth CSS transitions, like an unattended painter at…
• Victory Boogie MarqueeA 9x9 neoplastic grid rotated 45° as a diamond; red, blue, and yellow squares ripple diagonally in a boogie-woogie march via time-stepped index.
• Equilibrium Engineneoplastic grid with spring-driven lines; primary color blocks recolor every 2s; a center-of-mass dot tracks the weighted area of colored cells.
• De Stijl MarqueeTwo horizontal tracks of De Stijl manifesto words scroll in opposite directions inside colored primary-palette blocks framed by bold black borders.