Light Frame UI — Flowing liquid beam wraps and connects U

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