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.