25% off the Everything Bundle

See plans

All components

Interactions

Petals

From

$12

single user, or

$24

for the whole studio

Petals tumble through light and shade, swirl on turbulent air and dissolve into fine chromatic specks. Move slowly and it billows; sweep fast and it streams.

Live

Petals: a trail that blooms

A dense plume of petals follows every gesture, tumbling through light and shade, swirling on turbulent air and dissolving into fine chromatic specks. It is the kind of interaction you see on award-winning fragrance sites, rendered live on canvas with no code and no dependencies. Move slowly and it billows. Sweep fast and it streams.

What you get

  • 7 presets: Lavanda · Sakura · Rose · Autumn · Gilded · Noir · Custom

  • 3 petal shapes: Petal · Blossom · Leaf, plus Auto to match the preset

  • 5 custom color slots that recolor any preset

  • Full physics rig: density, size, turbulence, wind, lift, lifetime and tum

  • Chromatic fringe control for that signature dissolve

  • Idle drift keeps the canvas alive while the cursor rests

  • On-canvas glass control panel with 4 placements, so visitors can switch presets and physics live

  • Transparent by default, with optional background fill and corner radius

  • Smooth by design: eased cursor emitter, up to 8000 pooled petals, self-tuning emission under load and a crisp static frame in the editor

Drop it behind a hero, over a product story, or full-bleed as a landing moment.

What’s included:

  • Remix link to the Component.

  • Free updates. The remix link always carries the latest version

  • Email support: support@premshandilya.com

License: Single-user license.

Use Petals in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn’t work as shown, email me and I’ll fix it fast.

Buy this component

$12

Licence.

Choose your seats.

Single user

$12

Multi user

$24

Released

Category

Interactions

PRESETS

Presets included

7 INCLUDED

Hairline · High Voltage · Ember · Ribbon · Dust · Ink · Comet · Static

Every preset is a complete look you can ship as it comes. The raw controls sit underneath if you want to go further.

SETUP

From download to shipped

01

Download

Copy the component into your Framer project. One file, no dependencies, no setup script.

02

Pick a preset

Every component opens on a named look you can actually ship. Adjust from there if you want to.

03

Ship it

Off-screen pausing and reduced-motion support are already wired. Nothing to remember, nothing to audit.