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 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.