Effect 11 - Falling Particles

Pro

An ambient falling particle animation that creates a gentle, cascading atmosphere for backgrounds.

Theme

Upgrade to Pro

Falling Particles Effect

An ambient particle animation that creates a gentle, cascading atmosphere. Perfect for hero sections and decorative backgrounds with a snow or rain-like feel.

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

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

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

Props

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 fall duration in seconds.
`maxDuration`	`number`	`20`	Maximum generated fall 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.