Floating Flowers

Bring a playful, dreamy water effect to your Framer site with Floating Flowers.

This customizable Code Component features illustrated flowers drifting across animated water, with ambient ripple effects and interactive click/tap ripples. Adjust the colors, flower styles, movement, water texture, ripple behavior, and more directly from Framer’s property controls.

Floating Flowers works well for hero sections, portfolios, landing pages, creative sites, event pages, and decorative backgrounds.

Features

• 3 flower styles: Five Petal, Plumeria, and Daisy

• Mixed flower mode

• Custom water and highlight colors

• Two customizable flower colors

• Adjustable flower count and size

• Drift, bobbing, and rotation controls

• Animated top-down water texture

• Ambient ripples

• Interactive click/tap ripples

• Adjustable ripple color

• Depth and shadow controls

• Pause animation option

• Responsive and resizable

• Mouse and touch support

• Reduced-motion support

• No external image assets required