Summer pricing is live: save $50 on Starwind Pro lifetime access.
Starwind Pro
Back to Effect

Effect 10 - Rising Particles

Pro

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

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...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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
<Effect10
  particleColor="var(--color-foreground)"
/>

Props

proptypedefaultdescription
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.