Independence Day Sale
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




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.
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 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.

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.

