NewRemocn StudioGet the app
emocn

Grain Gradient

Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend

Installation
$ pnpm dlx shadcn@latest add @remocn/shader-grain-gradient

Usage

// src/Root.tsx
import { Composition } from "remotion";
import { ShaderGrainGradient } from "@/components/remocn/shader-grain-gradient";
 
const ShaderGrainGradientScene = () => (
  <ShaderGrainGradient speed={1} intensity={0.2} noise={0.15} />
);
 
export const RemotionRoot = () => (
  <Composition
    id="ShaderGrainGradient"
    component={ShaderGrainGradientScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);

Presets

Ready-made looks, each a standalone registry item that pulls in shader-grain-gradient as a dependency. Install one and drop it in like the base shader. Props you pass override the preset, and speed scales the preset's own pace instead of replacing it.

sunrise

Grainy wave of coral and gold rising over a plum night.

shader-grain-gradient-sunrise
nebula

Magenta and cyan glow blooming from the corners of deep space.

shader-grain-gradient-nebula
orb

Large grainy sphere in periwinkle, violet and pink.

shader-grain-gradient-orb
horizon

Peach horizon band rolling between navy and pale sky.

shader-grain-gradient-horizon
blush

Pastel pink and apricot blob morphing on warm off-white.

shader-grain-gradient-blush
tide

Teal ripple ring pulsing out of a dark sea-green core.

shader-grain-gradient-tide
arcade

Retro grainy dots in orange, yellow and green on black.

shader-grain-gradient-arcade
dune

Sandy grain wave in tan, caramel and rust.

shader-grain-gradient-dune
ultraviolet

Electric magenta and blue blob morphing on ultraviolet black.

shader-grain-gradient-ultraviolet
import { ShaderGrainGradientSunrise } from "@/components/remocn/shader-grain-gradient-sunrise";
 
export const Background = () => <ShaderGrainGradientSunrise />;

Credits

Shader by paper-design/shaders.

Ink

Mesh Gradient preset. Monochrome ink folds in charcoal and silver with grain

Sunrise

Grain Gradient preset. Grainy wave of coral and gold rising over a plum night