Perlin Noise
Classic Perlin noise clouds drifting across the frame
Installation
$ pnpm dlx shadcn@latest add @remocn/shader-perlin-noiseUsage
// src/Root.tsx
import { Composition } from "remotion";
import { ShaderPerlinNoise } from "@/components/remocn/shader-perlin-noise";
const ShaderPerlinNoiseScene = () => (
<ShaderPerlinNoise speed={1} proportion={0.35} softness={0.1} />
);
export const RemotionRoot = () => (
<Composition
id="ShaderPerlinNoise"
component={ShaderPerlinNoiseScene}
durationInFrames={150}
fps={30}
width={1280}
height={720}
/>
);Credits
Shader by paper-design/shaders.