---
title: "Viscous 3D Orb — Free Framer component · Best of Framer"
description: "Free Framer component · by Dmytri Ivanov · Sections. Viscous 3D Orb is an interactive 3D liquid shape built with Three.js, designed for premium hero sections, dashboards, and product visuals…"
canonical: "https://framer.elliotli.dev/component/viscous3dorb"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Viscous 3D Orb

# Viscous 3D Orb

[View on Framer](https://framer.com/marketplace/components/viscous3dorb/?via=elliot-li)

![Viscous 3D Orb preview image 1](https://framer.elliotli.dev/og/component/viscous3dorb/33352a8684f11b85/1600x1200.jpg)

## Summary

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…

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4966

## Details

- **Author**: Dmytri Ivanov
- **Published**: 2025-12-08
- **Updated**: 2025-12-08
- **Added**: 2025-11-26
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes