Liquid Metal
Molten metallic surface with flowing specular highlights
Installation
$ pnpm dlx shadcn@latest add @remocn/shader-liquid-metalUsage
// 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.