∞ forever components

Arts & Crafts Pattern Repeats

Growing Vine

Recursive vine grows upward from bottom center, branching symmetrically with olive leaves and madder flowers at tips, then fades and regrows on deep indigo.

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

Arts-and-Crafts or Arts and Crafts themed displays, botanical ambient backgrounds, decorative hero sections with an organic feel.

When not to

Contexts needing text overlays (vine fills the canvas). Low-end devices running many simultaneous tiles.

Working with an AI agent

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

Change the vine palette to warm terracotta by setting PAL.sage to '#b07050', PAL.olive to '#8b6540', and slow growth by changing dt*0.28 to dt*0.14. Theme: dark tokens live in :root, the light variant in :root[data-theme="light"]; ?theme=light or a {type:'forever:theme'} postMessage switches at runtime.

Safe to edit

  • growth speed (dt*0.28)
  • recursion depth (5)
  • branch spread angle (0.55)
  • branch length ratio (0.74)
  • color palette (PAL object)
  • vertical reach (S.h*0.34)
  • theme tokens (:root dark defaults + [data-theme=light] overrides)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (REDUCED)
  • visibilitychange pause/start
  • DPR-aware fitCanvas
  • theme hook (?theme= bootstrap + forever:theme message listener + theme tokens)

Known limitations

  • Recursive vine redraws every frame — depth 5 means up to 2^5 branch calls per draw, heavier than it looks
  • Background color hardcoded in both CSS and PAL.indigoDeep — update both to change it

vinebotanicalgenerativecanvasrecursivegrow

More Arts & Crafts Pattern Repeats components

  • The Wallpaper LoomA seamless Arts-and-Crafts botanical tile — olive stems, sage leaves, a madder flower, and indigo berry clusters — scrolls diagonally on a warm cream ground.
  • Bird & Berry RepeatA tiled canvas repeating stylized birds and berry sprigs in Arts-and-Crafts palette; the colourway breathes slowly across three indigo-madder-olive schemes.
  • The Colour-Way SwitcherArts-and-Crafts ogee botanical tile scrolls upward while cross-fading through five historic dye-bath colourways — indigo, madder, sage, gold, and ink.
  • The Acanthus ScrollTwo rows of Arts-and-Crafts acanthus leaf motifs scroll continuously on a cream ground; a gold pen traces the path as if self-drawing.
  • The TrellisDiamond lattice of olive laths with madder roses and leaves at each joint; blooms open in a staggered wave across the trellis then repeat every 6 seconds.
  • The Kaleido TileEight-fold mirrored Arts-and-Crafts botanical wedge — olive leaves, madder berries, sage stems — rotates slowly against deep indigo, forming a rose-window…