Independence Day Sale

Mega Sale is Live

All components

Cursor & Trails

Petals

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

Preview
Preview
Preview

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

$10

$12

20% off

License

Single user

$10

Multi user

$14

Released

Presets

7

Category

Cursor & Trails

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.

USE CASE 01

Portfolio homepages

Petals dropped straight onto the canvas, running a preset you can ship as it comes.

Use case
Use case

USE CASE 02

Agency sites

Petals dropped straight onto the canvas, running a preset you can ship as it comes.

USE CASE 03

Launch pages

Petals dropped straight onto the canvas, running a preset you can ship as it comes.

Use case

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.