Floating Particles
Floating Particles adds customizable and gently animated particles to your layout. It is perfect for ambient effects, interactive elements, or subtle visual depth.
Make it with Workshop
Build your own component with AI
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
Ambient MotionBring calm movement to headers, hero sections or cards
Spatial UI DesignReinforce futuristic or immersive interfaces
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
