Component theme

Bauhaus Geometric

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

• Grid Construction16 primary-colored geometric shapes scatter then snap into a 4x4 modular grid, hold, dissolve, and recompose in a new Bauhaus arrangement.
• Orbiting ArcsConcentric red, blue, and yellow arcs counter-rotate around a breathing core; scattered dots and a tilted segmented bar orbit in abstract Bauhaus style.
• Form TrioRed circle, blue square, and yellow triangle orbit a slow-rotating armature while each shape independently spins, pulses, or tilts on a dark field.
• Mobile BalanceA Calder-style kinetic mobile of Bauhaus primary-colored circles, squares, and triangles hang from swaying black balance arms in slow counterpoint.
• Dot Rhythm8x8 grid of red, blue, yellow, and white dots pulsing in diagonal travelling waves; two interfering sines modulate scale and opacity for a rhythmic beat.
• Diagonal CounterpointRed and blue diagonal bars sweep in opposing directions and cross at center; a pulsing yellow square node and slow-spinning dashed ring anchor the…
• Nested Frames14 concentric Bauhaus-palette rectangles zoom endlessly inward via seamless log-scale rebasing; a yellow square and red circle accent the core.
• Mechanical BalletFive ratio-linked gear-hubs with rotating disc/square/triangle arms spin autonomously; black levers connect centers like a Bauhaus machine diagram.
• Color Blocks SlideSix primary-color blocks slide between anchors on a 4x4 modular grid over off-white paper; a roving circle and static triangle add Bauhaus accent marks.
• Wire ScaffoldFaux-3D wire lattice of stacked square rings rotates slowly, carrying Bauhaus red, yellow, and blue flat solids (circle, square, triangle) at its vertices.
• Stage RevealEight colored bars split left/right like a stage curtain to reveal a primary-red circle with a gold ring, then close again in a 4.6s loop.
• Triangulate8x8 grid of triangle pairs flips edge-on in a diagonal wave, cycling through Bauhaus primaries (red, blue, yellow) with facet shading on each half-cell.