Skip to content

component

Flowers Bloom

By Milo Zoppini

Details

Summary

Grow watercolor flowers on hover

Description

Details Hover Bloom is a generative interaction component that turns pointer movement into animated floral growth. As the cursor moves across the canvas, stems grow organically and bloom into soft watercolor-style flowers with subtle blur, paper texture, and customizable color palettes. It works well for: artistic hero sections immersive editorial layouts fashion, beauty, and culture websites experimental portfolio pages poetic or nature-inspired interfaces Main features: flowers spawn on pointer move or tap upright or vine-like growth modes preset palettes: Mixed, Warm, Cool, Pink optional custom flower colors adjustable bloom scale, blur, watercolor strength, and trail fade optional paper tint and dot grid background reset-on-leave option for clean interactions performance-friendly bloom limit control Use it to add a living, painterly layer of interaction without relying on video or heavy 3D effects.

Introduction

Grow watercolor flowers on hover

Rank history

Daily rank per list, from the first snapshot — lower is better.

12651761018/148/228/309/79/15
  • All · #28