Liquid Particle Hero

Liquid Particle Hero
Liquid Particle Hero

About Liquid Particle Hero

Liquid Particle Hero — Forma

A liquid particle sculpture hero for Framer, light & dark.

A sculpture of silk filaments and pearls, made of ~100,000 particles. Move the cursor and it melts, swirls after you, then pulls itself back into form.

Touch it. It answers back.

✦ Features

Liquid particles

  • WebGL sculpture sampled from the image’s own pixels

  • Liquid swirl that follows the cursor and settles back into shape

Fully customizable

  • Headline, copy, nav links and buttons from the properties panel

  • Strength, radius, swirl, particle count and return speed

  • Your own images for desktop, phone, light and dark

Responsive & accessible

  • Portrait sculpture and touch to stir on phones

  • Built-in light / dark switch that swaps the sculpture

  • Respects reduced motion

  • Static image fallback without WebGL

Seamless

  • Static preview inside the Framer editor

  • Pauses when off screen or in a hidden tab

  • Never touches your page’s styles or scroll

✦ What’s included

  • 1 Framer component, ready to remix

  • 2 desktop sculptures (light and dark)

  • 2 phone sculptures (light and dark)

  • 1 install guide

  • 1 commercial license

Sculpture images were created with generative AI and edited by the author.

✦ License

One purchase covers one person or company, for unlimited projects. The full license comes with the download and replaces the default Single-Use label. Use it in your own and your clients’ sites; resale or redistribution is not allowed.

✦ Support

guglielmo.dev@proton.me

From Guglielmo Giannattasio

Shattered Glass Hero
Scroll Video Reveal
Text Curtain Hero
Video Scrub Hero

Related Components

Step Flow
Testimonial Reveal
Scroll Cue
Bento Features