Skip to the content

Library/ 44 fluid-trailProBackgrounds

Fluid Trail

Coloured mist that swirls behind the cursor and fades.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • force
  • size
  • trigger
  • fade
Tune it live with Pro

What it does

Fluid Trail is an animated background ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called liquid ether, fluid simulation, ghost ether or smoke cursor.

An invisible fluid fills the background. The cursor or a finger stirs it into misty coloured trails that curl and fade, or it swirls on its own if you prefer. Content on top stays clickable.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.