Liquid Chrome 3D: Premium Interactions Component by Can Girgin

A cinematic, interactive WebGL component that reacts to mouse movement with organic physics. Perfect for AI, SaaS, and tech portfolios.

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.