Effect 10 - Rising Particles

Pro

An ambient rising particle animation that creates a magical, floating atmosphere for backgrounds.

Theme

Upgrade to Pro

Rising Particles Effect

An ambient particle animation that creates a magical, floating atmosphere. Perfect for hero sections and decorative backgrounds.

Customize particle count, size, speed, color, and opacity

Loading code...

This component requires Starwind Pro.

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

Failed to load code. Please try again.

Usage

<Effect10
  particleColor="var(--color-foreground)"
/>

prop	type	default	description
`particleCount`	`number`	`50`	Number of particles generated during render.
`minSize`	`number`	`2`	Minimum generated particle size in pixels.
`maxSize`	`number`	`6`	Maximum generated particle size in pixels.
`minDuration`	`number`	`8`	Minimum generated rise duration in seconds.
`maxDuration`	`number`	`20`	Maximum generated rise duration in seconds.
`particleColor`	`string`	`"currentColor"`	CSS color value used by the particles.
`minOpacity`	`number`	`0.1`	Minimum generated particle opacity.
`maxOpacity`	`number`	`0.6`	Maximum generated particle opacity.