Liquid Chrome 3D

Liquid Chrome 3D

About Liquid Chrome 3D

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.