∞ forever components

Post-Impressionist Night Studies

The Lamplit Room

Warm amber gas-lamp halos pulse and overlap on a deep green-brown field; dozens of luminous motes drift upward through the dusk in a post-impressionist interior scene.

canvasmedium complexitysubtle motion

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
Worth keeping? Votes steer what gets built next — sign in to cast one, free to read

When to use it

Dark-mode hero backgrounds, art/museum themes, cozy or candlelit UI contexts needing ambient warmth.

When not to

Light-background layouts (background hardcoded dark green-brown). Contexts where constant warm glow competes with legible foreground text.

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Change lamp count to 3 by setting L=3 in the build() function, shift hue to cooler candlelight by replacing the core lamp color stop from rgba(247,227,154,...) to rgba(255,200,120,...), and slow pulse speed by changing sp range from 0.7+Math.random()*0.8 to 0.3+Math.random()*0.4.

Safe to edit

  • lamp count (L = 4 + (S.w/360)|0)
  • lamp halo size (0.18+Math.random()*0.10 fraction of viewport)
  • mote count (M = Math.min(70, S.w/14))
  • pulse speed range (0.7+Math.random()*0.8)
  • background gradient stop colors

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (REDUCED flag)
  • visibilitychange pause/resume
  • DPR-aware canvas sizing in fitCanvas()

Known limitations

  • Background color hardcoded in CSS and gradient — must edit both to change overall palette
  • Lamp positions recalculate on resize but are random — no seed for reproducible layouts

ambientlampglowmotesinteriorcanvasradial-gradient

More Post-Impressionist Night Studies components

  • Starry FlowUp to 420 cream and cobalt particle trails stream through curl-noise flow fields past glowing stars and a crescent moon, evoking a turbulent night sky.
  • Impasto StrokesThick elliptical brushstrokes accumulate along a Perlin noise flow field in cobalt, cadmium, and ochre; after ~1100 strokes the canvas fades and repaints.
  • Cypress FlameA dark green cypress silhouette writhes and twists upward like a flame against a cobalt evening sky, rendered in canvas with painterly swaying strokes.
  • Sunflower RadialTwo rings of ochre and cadmium petals rotate slowly around a phyllotactic seed-head spiral; a CSS-animated DOM core pulses at center.
  • Wheatfield WindGolden wheat stalks bend in a roving autonomous breeze via spring physics; crows scatter and arc overhead on a cobalt-to-amber gradient sky.
  • Stir the SkyCobalt, cream, and navy particles follow a noise flow field stirred by a drifting vortex, accumulating into swirling, post-impressionist brushstroke trails.