Rgb Glitch Text
Signal-lock RGB glitch text primitive for Remotion.
PrimitivePrimitivesAdvanced
rgb-glitch-text30fps · 960×540
Install
$ npx remotion-ui@latest add rgb-glitch-textSignal-lock text primitive with RGB channel separation, deterministic horizontal slices, scanline accents, and a soft settle glow.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/rgb-glitch-text- Use when: frame-level motion primitives and reusable animation wrappers.
- Customize: text, glitchStartFrame, glitchDurationInFrames, intensity, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { RgbGlitchText } from "@/remotion/primitives/rgb-glitch-text";
<RgbGlitchText text="SIGNAL LOCK" glitchDurationInFrames={34} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text* | string | - | Readable text rendered under the glitch layers. |
| glitchStartFrame | number | - | Frame where the RGB/slice glitch begins. |
| glitchDurationInFrames | number | - | Length of the signal-lock glitch window. |
| intensity | number | - | Channel offset and slice displacement multiplier, clamped from 0 to 2. |
| sliceCount | number | - | Number of deterministic horizontal glitch slices, clamped from 3 to 9. |
| redChannelColor | string | - | Warm channel split color. |
| cyanChannelColor | string | - | Cool channel split color. |
| accentColor | string | - | Scanline and final slice accent. |