---
title: "Liquid Chrome 3D — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Can Girgin · Effects. Elevate your Framer site with a sentient, bio-digital 3D visual."
canonical: "https://framer.elliotli.dev/component/liquid-chrome-3d"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Liquid Chrome 3D

# Liquid Chrome 3D

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

![Liquid Chrome 3D preview image 1](https://framer.elliotli.dev/og/component/liquid-chrome-3d/7751612d075ddce6/1600x1200.jpg)

## 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 [How rankings work →](/terms#rankings)

-   All · #10107

## Details

- **Author**: Can Girgin
- **Price**: $7.00
- **Published**: 2025-11-26
- **Updated**: 2025-12-17
- **Added**: 2025-11-24
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo