Introducing v3 — a new editor, faster engine, and more.

See what's new

Documentation

Documentation Components

SmokeFlow

Cursor-driven smoke that lingers, swirls, and dissipates with fluid dynamics

Props

colorAstring
Default:#e29c8b
Color of fresh smoke
colorBstring
Default:#d517f9
Color smoke transitions to as it ages
stopsobject
Default:null
Multi-stop gradient colors (overrides Color A / Color B when set)
intensitynumber
Default:1
How much smoke is emitted as you move the cursor
emitRadiusnumber
Default:0.07
Size of smoke puff emitted at cursor
momentumnumber
Default:20
How much cursor velocity is transferred into the smoke (higher = more directed flow)
dissipationnumber
Default:0.5
How fast smoke fades over time
detailnumber
Default:10
Fine-scale swirling detail driven by vorticity confinement
gravitynumber
Default:2
Vertical drift — negative floats up, positive sinks down
colorDecaynumber
Default:0.5
How quickly smoke shifts from fresh to aged color
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:OKLAB
Color space for color interpolation

Usage

<Shader>
  <SmokeFlow
    intensity={1}
  />
</Shader>
Previous
SmokeFill
Next
Solarize