Floating Elements
Dynamic floating geometric shapes background with physics simulation - 3D effects and connection lines
Pro Features
Unlock advanced capabilities with the Pro version
Multiple Shape Types
6 different geometric shapes with customizable combinations
Connection Networks
Dynamic connection lines between nearby elements
Glow Effects
Customizable glow intensity and colors
Mouse Interaction
Elements respond to mouse movement with physics
3D Rotation
Smooth rotation animations for all shapes
Performance Optimized
FPS limiting and efficient rendering
Installation
Install via CLI
npx moonui-cli@latest add floating-elementsUsage
Floating Elements
Examples
Ocean Blue - Floating Particles
Deep ocean themed floating elements with smooth continuous animation
Ocean Waves
Smooth continuous animation with parallax
Sunset Vibes - Warm Elements
Beautiful sunset-themed floating shapes with warm gradient colors
Sunset Vibes
Organic breathing animation
Aurora Borealis - Northern Lights
Mystical aurora-inspired floating elements with vibrant colors
Northern Lights
Vertical wave animation with radial gradient
Deep Space - Cosmic Elements
Space-themed floating elements with stars and cosmic shapes
Deep Space
Cosmic particles floating in zero gravity
Minimal Tech - Clean Design
Minimalist floating elements with subtle connections
Minimal Design
Sharp transitions for modern aesthetics
Interactive Hero Section
Large hero section with mouse-interactive floating elements
Welcome to MoonUI Pro
Create stunning backgrounds with floating elements. Move your mouse to interact with the particles.