Realistic fluted glass distortion powered by WebGL shaders
Supports animated shaders, images, and video backgrounds
Smooth chromatic aberration and optical refraction effects
Adjustable flute angle, density, and directional movement
Procedural animated liquid gradients with cinematic color blending
Optimized rendering with viewport detection and cleanup handling
Responsive scaling with accurate aspect-ratio correction
High-performance Three.js implementation for Framer projects
Switch between shader, image, or video media sources
Customize four ambient shader colors
Control flute count and flute rotation angle
Animate flute movement direction and speed
Adjust refraction intensity and edge distortion
Fine-tune RGB split chromatic aberration
Control shader animation speed and ambient scale
Toggle live editor preview inside Framer canvas
Hero sections with premium glassmorphism visuals
Interactive landing page backgrounds
Luxury SaaS and AI product websites
Creative portfolio showcases
Modern media cards and visual containers
Futuristic UI overlays and navigation panels
Experimental immersive web experiences