Uses
Highlight featured cards or CTAs
Create futuristic UI sections
Add motion to hero components
Visualize energy, flow, or connection
Enhance product or dashboard elements
Features
Directional liquid beam with realistic flow motion
Smooth merging between beam and container edges
Adjustable beam width, taper, and spread
Dual-color glow with core and aura layers
Volumetric smoke for depth and atmosphere
Ambient dust particles for subtle motion
Beam-focused particle effects for energy trails
Optional grid background with customizable density
Precise alignment with child component bounds
Supports directional flow (top, bottom, left, right)
High-performance GPU shader rendering
Responsive and auto-resizing layout
Viewport-aware rendering for performance
Works seamlessly with any nested Framer component