Component theme

Organic & Nature

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

• Growing VineA sinuous green vine grows upward sprouting 14 alternating leaves and a pale bud tip, then retracts in a seamless loop on a dark forest background.
• Flickering FireAdditive-blended ember particles rise from a glowing orange base, flickering like a real flame; cursor pans left/right to fan the fire sideways.
• Water RippleConcentric ripple rings expand across a deep teal water surface with shimmering caustic bands; tap anywhere to drop a new ripple. Auto-drops periodically.
• Lightning BoltJagged lightning bolts with branching forks strike randomly down a dark storm-sky canvas; screen flashes rust-white on each strike. Tap to trigger instantly.
• Falling SnowUp to 110 depth-layered snowflakes drift and sway down a dark blue gradient; pointer movement shifts a wind force that nudges the entire flurry sideways.
• Drifting CloudsPuffy white clouds with radial-gradient puffs and soft blue undersides drift across a layered sky gradient; pointer nudges them forward.
• Aurora RibbonsThree glowing aurora bands in green and violet ripple and sway over a twinkling starfield; pointer steers the horizontal drift of all ribbons.
• Fractal TreeA recursive 7-level fractal tree grows from the base with a wind sway animation; green blossoms appear at tips; pointer horizontal position bends the tree.
• Reaction-Diffusion CoralGray-Scott reaction-diffusion simulation grows teal-to-coral stripe and spot patterns with glowing contour bands; pointer seeds new growth zones.
• Phyllotaxis Sunflower620 amber-gold seeds grow outward in a Fermat spiral via the golden angle; parastichy arms rotate continuously and speed up on pointer or click.
• L-System FernA procedural fern frond grows depth-by-depth from a fiddlehead spiral, uncurling and breathing back in a looping cycle; tips glow bright green as they emerge.
• Slime Mold NetworkUp to 6000 agents simulate Physarum slime-mold behavior, self-organizing into glowing purple radial veins on a dark canvas; cursor attracts nearby agents.
• Voronoi Leaf VeinsSpace-colonization algorithm grows branching leaf veins inside a lime-green silhouette, branch by branch with sparking tips, then fades and regrews in a loop.
• Diffusion-Limited FrostSix-fold dendritic snowflake grows via diffusion-limited aggregation; arms shimmer white-blue to cyan and cycle through sublimation/refreeze.
• Mycelium BloomBranching hyphae grow outward from center using a probabilistic grammar; glow nodes pulse teal where the web is densest. Pointer spawns new growth tips.
• Lichen SpreadCrinkle-edged lichen colonies grow in concentric rings over a speckled stone field; pointer nudges the nearest colony to pulse.
• Tide Pool DiatomsFive glassy radially-symmetric diatom frustules drift and slowly rotate in deep teal water; tessellated pores twinkle refractively with a lighter-mode glow.
• Seedhead Dispersal150 dandelion seeds on a golden-angle spiral drift off one by one on a noise-field breeze; the receptacle slowly glows bare. Click triggers a gust.