Gradient Text

Animated gradient text with 5 variants: electric, aurora, fire, candy, and gold.

Electric GradientAurora GradientFire GradientCandy GradientGold Gradient

Installation

Run the CLI

$npx particleui-cli add gradient-text

Usage

TSX

import { GradientText } from "@/components/ui/gradient-text"

export default function Example() {
  return (
    <GradientText className="text-4xl font-bold">
      Beautiful gradients
    </GradientText>
  )
}

Details

Source filecomponents/ui/gradient-text.tsx

Typeui

Categoriestext, particles

npm dependenciestailwind-variants

Registry deps

Claude skill—