smokey-fluid-cursor
smokey-fluid-cursor

smokey-fluid-cursor

WebGL fluid-simulation cursor trails for any website — no framework required.

Live controls

Move your pointer anywhere on the page. Everything below retunes the running simulation through setConfig() — nothing is remounted.

runningSpectrum Flow

100 presets

Every palette crossed with every motion character, shipped in the package as presets. 20 palettes × 5 characters.

Showing 100 of 100

Scoped to a container

With position: "absolute" and a container, the effect stays inside one element. This one follows the controls above, so you can compare the same settings at two scales.

Move your pointer in here

Usage

tsx
import { initFluid, presets } from "smokey-fluid-cursor";
const fluid = initFluid(presets["Ocean Swirl"]);
fluid.pause();fluid.setConfig({ curl: 30 });fluid.dispose();

Without a bundler

A minified IIFE build ships for no-build pages — see it running in a single HTML file.

html
<script src="https://unpkg.com/smokey-fluid-cursor"></script><script>  var fluid = SmokeyFluid.initFluid(SmokeyFluid.presets["Magma Storm"]);</script>