# Liquid Metal
URL: https://remocn.dev/docs/shaders/components/shader-liquid-metal

Molten metallic surface with flowing specular highlights

- Install: `npx shadcn@latest add @remocn/shader-liquid-metal`
- Vibe: premium
- Natural length: 150f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/shader-liquid-metal
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { ShaderLiquidMetal } from "@/components/remocn/shader-liquid-metal";

const ShaderLiquidMetalScene = () => (
  <ShaderLiquidMetal speed={1} distortion={0.07} repetition={2} />
);

export const RemotionRoot = () => (
  <Composition
    id="ShaderLiquidMetal"
    component={ShaderLiquidMetalScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);
```

## Credits

Shader by [paper-design/shaders](https://github.com/paper-design/shaders).

## Use when
- A premium, industrial, or luxury scene wants a brushed/molten metal surface.
- You want reflective, flowing highlights that read as material rather than color.
- The palette is neutral/monochrome and you want tint to lead subtly.

## Don't use when
- You want a centered metallic emblem — override `shape` back to a paper shape (this wrapper defaults to full-bleed `"none"`).
- The brief calls for color — liquid-metal is tonal; use `shader-warp` or `shader-mesh-gradient`.
- High contrast highlights would fight fine text — lower `contour`/`repetition`.