Component theme

Constructivist

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

• Diagonal ThrustRed and black arrow-tipped slabs sweep along a -28° diagonal axis over a black field; a dark-red disc and a bold type bar anchor the composition.
• Red WedgeRed wedge drives into a recoiling black disc, scattering shards; bold slab type fades in after impact. Looping Constructivist poster animation.
• Rotodynamic18 slab bars and word spokes radiate from an off-center hub, rotating at staggered speeds in a Rodchenko red-black-bone palette.
• Floating FormsSuprematist field: tilted black square anchors red and off-white bars, squares, and a dot drifting in slow staggered CSS cycles on near-black.
• MegaphoneA Constructivist megaphone emits expanding concentric red and paper-white arc rings across a dark field with bold diagonal bars. Runs autonomously.
• Gear PosterThree SVG gears spin at different speeds while red diagonal bars slam in and slab-type text assembles — all on a dark constructivist grid.
• Montage Cut11 Constructivist cut-outs slide in along diagonal angles then hold; a bold MONTAGE type stack and a slashing red diagonal anchor the composition.
• Type StackThree rows of bold slab letters (TYPE / STACK / 1923) slide and pop along a tilted red diagonal bar; a white square ticks back and forth across the axis.
• Crane BuildA Constructivist tower crane sways and hoists a red block while a stack builds on a foundation; bold red wedge, white band, and amber rule compose the…
• Dynamic FlagA red banner waves and snaps along a black diagonal strut, with a white slab bar, rhythm tick marks, and a Suprematist-style square accent on a dark ground.