Liquid Chrome

Organic

A mirror-chrome blob rippling under the neon environment.

Usage

Install: three @react-three/fiber @react-three/drei

Drop <LiquidChrome /> inside your own <Canvas>.

Mood: Premium, molten, futuristic.
Colors: Mirror chrome catching magenta and cyan reflections.
Motion: Slow surface distortion; reflections drift as it moves.

View component source

import { MeshDistortMaterial } from '@react-three/drei';

export default function LiquidChrome({ color = '#dfe7ff', scale = 1 }: { color?: string; scale?: number }) {
  return (
    <mesh scale={scale}>
      <sphereGeometry args={[1, 96, 96]} />
      <MeshDistortMaterial
        color={color}
        metalness={1}
        roughness={0.05}
        distort={0.35}
        speed={1.5}
        emissive={color}
        emissiveIntensity={0.08}
      />
    </mesh>
  );
}