Viscous 3D Orb

Viscous 3D Orb is an interactive 3D liquid shape built with Three.js, designed for premium hero sections, dashboards, and product visuals The orb behaves like a soft, viscous…

Viscous 3D Orb is an interactive 3D liquid shape built with Three.js, designed for premium hero sections, dashboards, and product visuals The orb behaves like a soft, viscous blob: It slowly morphs over time Reacts to user clicks with expanding ripple waves across the surface Can be freely rotated by dragging in 3D space You can fully customize the look to match your brand: Shape types: Sphere, Circle, Cube, Rounded Cube, Diamond, Hex Ring Base & light colors: Control the core color and two accent light colors Motion: Adjust rotation speed and wave complexity Shell layer: Optional outer shell with Glass or Metal style, color, opacity, distance and glow strength Background: Enable or disable background and set any color Use it as a standalone visual, behind headlines, or inside cards to add a premium, futuristic feel to your Framer projects—with no shaders or WebGL setup required on your side. Just drop the component, tweak a few controls, and you’re done.