forever components

Post-Impressionist Night Studies

Cypress Flame

A dark green cypress silhouette writhes and twists upward like a flame against a cobalt evening sky, rendered in canvas with painterly swaying strokes.

canvasmedium complexitymoderate 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

Artistic hero backgrounds, post-impressionist themes, ambient looping nature scenes on dark canvases.

When not to

Light-background UIs (sky color hardcoded dark blue). Contexts requiring high legibility — the swaying motion competes with overlaid text.

Working with an AI agent

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

Change the cypress fill from '#1d3320' to '#0d2a1a', slow the sway by setting the t*1.6 multiplier to t*0.8, and increase the tree width from W*0.16 to W*0.22.

Safe to edit

  • tree fill color (#1d3320)
  • sway speed multipliers (t*1.6, t*0.9, t*1.1)
  • tree width factor (W*0.16)
  • segment count (segs=46)
  • sky gradient colors

Keep intact

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

Known limitations

  • Sky and ground colors are hardcoded in CSS and JS — both must be updated to change the palette
  • No pointer interactivity — purely passive
  • Reduced-motion renders a single static frame only

cypresssilhouettecanvasorganicloopambient

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.
  • 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.
  • Brushstroke Frame58 cobalt, teal and ochre brushstrokes ring the canvas edge, each wiggling; the whole frame slow-rotates while a cadmium glow breathes at center.