∞ forever components

Post-Impressionist Night Studies

Sunflower Radial

Two rings of ochre and cadmium petals rotate slowly around a phyllotactic seed-head spiral; a CSS-animated DOM core pulses at center.

css+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

Art-themed hero backgrounds, post-impressionist botanical aesthetics, ambient looping displays on dark canvases.

When not to

Light-background layouts (background hardcoded dark green). Contexts requiring readable text overlays — petal motion competes with copy.

Working with an AI agent

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

Change petal count to 30 by setting `const petals=30`, shift outer petal color to '#e85d04', and slow rotation by changing `t*0.45` to `t*0.22`.

Safe to edit

  • petal count (petals=22)
  • rotation speed (t*0.45)
  • seed count (seeds=150)
  • petal colors (#f2c10b / #c98a2b)
  • core pulse speed (vg04-seedpulse 2.4s)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (REDUCED)
  • visibilitychange start/stop
  • DPR-aware fitCanvas()

Known limitations

  • Background color hardcoded in CSS (#16331f) — must edit to change from dark green
  • Core DOM div sized fixed 90px — does not scale with viewport

sunflowercanvasradialphyllotaxisambientgenerative

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.
  • 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.