Flower Text

Flower Text
Flower Text

About Flower Text

An interactive Framer text component that dynamically blooms flowers along letters on hover.

  • Organic hover-triggered flower blooming

  • Realistic wind sway and spring motion

  • 4 exit modes (shed, wilt, recede, stay bloomed)

  • Pre-bloom on page load option

  • Fully responsive across all breakpoints

Customizable

Text

  • Font, size, weight & alignment

  • Text color

  • Primary & secondary petal colors

  • Stamen accent color

  • Stems & foliage color

  • Petals per ring & layer count

  • Petal size & width

  • Flower scale & spawn density

  • Flower limit / max count

  • Growth speed

  • Linger time

  • Exit mode

  • Wind sway

  • Initial bloom toggle & count

From Suraj Kale

Swtich on hover tabs
Flow card
Skew button
SVG Path Animation

Related Components

Scattered Grid Text
Scroll Text Effect
Circular Text Pro
Pro Typewriter Text