Floating Particles

Description FloatingParticles is a lightweight visual component that renders gently animated particles.

Description

FloatingParticles is a lightweight visual component that renders gently animated particles. It's ideal for enhancing modern interfaces with calm floating motion. You can customize particle count, size, speed, blur, color palette, and opacity to match your desired aesthetic.

Particles bounce and drift with natural motion inside their container, adapting to the component’s size and staying performance friendly even with hundreds of elements.

Use Cases

1. Ambient MotionBring calm movement to headers, hero sections or cards

2. Spatial UI DesignReinforce futuristic or immersive interfaces

3. Microinteraction LayersAdd atmosphere to loading states or idle screens

Customizations

• Particle CountControl how many particles are visible

• SizeAdjust the pixel size of each floating dot

• ColorsUse up to three color options for subtle variation

• SpeedControl how quickly the particles drift