# God Rays
URL: https://remocn.dev/docs/shaders/components/shader-god-rays

Volumetric light rays radiating from an off-screen source

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

## Installation

```bash
npx shadcn@latest add @remocn/shader-god-rays
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { ShaderGodRays } from "@/components/remocn/shader-god-rays";

const ShaderGodRaysScene = () => (
  <ShaderGodRays speed={1} intensity={0.8} density={0.3} />
);

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

## Credits

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

## Use when
- A hero or reveal scene wants cinematic volumetric light rays from a corner source.
- You want atmosphere and depth behind a title without geometric structure.
- The palette is dark and you want soft neutral rays (override `colors` to brand-tint).

## Don't use when
- The brief bans decorative glow — this is a genuine volumetric shader, but keep `bloom`/`intensity` restrained so it does not read as an AI-slop glow.
- You want structured or cellular motion — use `shader-dot-orbit` or `shader-voronoi`.
- Bright rays would wash out foreground text — lower `intensity`/`bloom`.