Three styles, shown live below. Tell me which one(s) you love and where you'd like it placed — I'll wire it into the real site.
Best for: Home page hero
A gentle animated background like this sits behind your hero — petals drift and gradient waves breathe as the page loads.
Best for: Home mid-section or Why We Bloom
This sequence animates as it scrolls into view.
Log your period and symptoms in seconds.
BloomKit curates wellness picks for your phase.
Premium care arrives at your door each cycle.
Track, learn, and thrive with a supportive community.
Best for: Home mid-section or Impact page
Numbers animate from zero when this section enters view.
Best for: Product spotlights or section dividers
Morphing gradient blobs add depth and movement behind product spotlights or section dividers.
Best for: Trust bar under hero or above footer
Best for: Section intros or Why We Bloom
SVG paths draw themselves on scroll — elegant for intros and section reveals.
Best for: Product showcase / kit grid
Gentle first-cycle care
Plant-based & sustainable
Confidence every day
Frosted glass cards lift and ease in on scroll — hover to feel the lift.
Best for: Hero CTA or section headers
A sweeping gradient animates across the headline in a loop — premium for hero CTAs.
Pick a style and a spot, and I'll build it in for real.