Skip to content

component

Liquid Chrome 3D

By Can Girgin

Details

Summary

Elevate your Framer site with a sentient, bio-digital 3D visual.

Description

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.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600176418/148/228/309/79/15
  • All · #7491