Flux Grid is a premium interactive component designed to instantly elevate landing pages, portfolio headers, and dark-mode websites. Built with smooth WebGL performance and fully integrated into Framer's native properties panel, it brings cinematic, mathematical beauty directly onto your canvas—zero coding required.
Immersive Cursor Physics: The rods don't just move—they react. Watch them dynamically pivot away from their fixed bases, lifting into a fluid 3D dome right around your visitor's cursor.
100% Native Framer Controls: Adjust colors, physics, and camera angles on the fly. You get total design freedom without ever touching a single line of code.
Silky-Smooth Performance: High-performance rendering ensures the animation remains incredibly responsive, loading instantly on modern browsers and mobile devices.
Every parameter of the Kinetic Wave is completely customizable directly from the Framer sidebar:
Interactive Physics: Fine-tune the cursor interaction with adjustable Hover Radius, Repulsion strength, and Mouse Snap speeds.
Rod Dynamics: Easily scale the density, Rod Height, and Rod Width. Give it a futuristic cyber-aesthetic with adjustable Tip Glow and custom Tip Size.
Dynamic Gradient Colors: Blend up to 4 distinct rod colors to create stunning, modern gradients that seamlessly match your brand’s palette.
Cinematic Vignette & Depth: Add depth of field and dramatic shadows with a customizable vignette (Vignette Strength, Vignette Color, and start/end boundaries) alongside flexible 3D Camera Angles.
Flux Grid is a premium interactive component designed to instantly elevate landing pages, portfolio headers, and dark-mode websites. Built with smooth WebGL performance and fully integrated into Framer's native properties panel, it brings cinematic, mathematical beauty directly onto your canvas—zero coding required.
Immersive Cursor Physics: The rods don't just move—they react. Watch them dynamically pivot away from their fixed bases, lifting into a fluid 3D dome right around your visitor's cursor.
100% Native Framer Controls: Adjust colors, physics, and camera angles on the fly. You get total design freedom without ever touching a single line of code.
Silky-Smooth Performance: High-performance rendering ensures the animation remains incredibly responsive, loading instantly on modern browsers and mobile devices.
Every parameter of the Kinetic Wave is completely customizable directly from the Framer sidebar:
Interactive Physics: Fine-tune the cursor interaction with adjustable Hover Radius, Repulsion strength, and Mouse Snap speeds.
Rod Dynamics: Easily scale the density, Rod Height, and Rod Width. Give it a futuristic cyber-aesthetic with adjustable Tip Glow and custom Tip Size.
Dynamic Gradient Colors: Blend up to 4 distinct rod colors to create stunning, modern gradients that seamlessly match your brand’s palette.
Cinematic Vignette & Depth: Add depth of field and dramatic shadows with a customizable vignette (Vignette Strength, Vignette Color, and start/end boundaries) alongside flexible 3D Camera Angles.
Milan Dragovic
