Text Gradient Sweep

Animated gradient sweep across text.

Gradient sweep

Installation

Requires MotionProvider and gsap. Add the text gradient sweep component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/text-gradient-sweep.json

Usage

import { TextGradientSweep } from "@/void/text/text-gradient-sweep"

<TextGradientSweep colors={["#22c55e", "#3b82f6"]}>
  Gradient sweep
</TextGradientSweep>

Examples

Default

Gradient sweep

Code

import { TextGradientSweep } from "@/void/text/text-gradient-sweep"

<TextGradientSweep colors={["#22c55e", "#3b82f6"]}>
  Gradient sweep
</TextGradientSweep>