Theme

Ember Plume

Pro

A volumetric flame with rising embers, adapted from MIT-licensed THREE.Fire.

Loading code...

Starwind Dependencies

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Upgrade to Pro

Failed to load code. Please try again.

Code

Usage

<ShaderEmberPlume
  flameWidth={1}
  flameDrift={0.65}
  flameTurbulence={1.3}
  flameColor="#ffac43"
  backdropColor="#050608"
  particleCount={180}
  particleSize={0.013}
  particleDrift={0.65}
  particleOpacity={0.65}
/>

Props

prop	type	default	description
`flameWidth`	`number`	`1`	Horizontal size of the flame and embers, from 0.5 to 5. Broad flames can extend beyond the canvas.
`flameDrift`	`number`	`0.65`	Flame drift amount.
`flameTurbulence`	`number`	`1.3`	Flame turbulence amount.
`flameColor`	`string`	`"#ffac43"`	Flame CSS color.
`particleCount`	`number`	`180`	Number of rising particles. Set to 0 to hide them. Maximum 600.
`particleSize`	`number`	`0.013`	Particle size in scene units, from 0.004 to 0.06.
`particleDrift`	`number`	`0.65`	Particle drift rate independent of flame motion, from 0 to 2.
`particleOpacity`	`number`	`0.65`	Particle opacity, from 0 to 1.
`backdropColor`	`string`	`"#050608"`	Backdrop CSS color.
`opacity`	`number`	`1`	Effect opacity.
`maxDpr`	`number`	`1`	Maximum device pixel ratio.