Liquid Chrome 3D
A cinematic, interactive WebGL component that reacts to mouse movement with organic physics. Perfect for AI, SaaS, and tech portfolios.
Make it with Workshop
Build your own component with AI
About this Component
Elevate your Framer site with a sentient, bio-digital 3D visual.
Liquid Chrome is a high-performance WebGL component designed to give your interface a premium, "living" feel. Unlike heavy video loops, this component is generated mathematically in real-time, reacting to your user's mouse movement with visceral, weighted physics.
✨ Key Features:
Interactive Physics: The orb tracks mouse movement with a satisfying, organic delay and magnetic pull.
Dynamic Spikes: Reacts to hovering by expanding and becoming more turbulent.
Iridescent Glow: Features a customizable Fresnel rim light (glow) that adds depth and a "glass-like" premium finish.
Fully Customizable: Control the core colors, surface tones, glow intensity, turbulence, and animation speed directly from the properties panel.
Responsive Ready: Includes smart scaling to prevent clipping on smaller screens.
🎯 Perfect For:
AI & Machine Learning Landing Pages
Modern SaaS Heroes
Creative Portfolios & Agencies
"Future Tech" Brand Aesthetics
How to use: Simply drag and drop onto your canvas. The component is set to a default 250px size but adapts to any container. Adjust the "Glow Power" and "Turbulence" to match your brand's vibe—from calm liquid to energetic cyber-spikes.
