Gradient Text

component

Text with an animated flowing gradient. Bring your own colors and speed.

Ship faster

Installation

Namespace

npx shadcn@latest add @soultel/gradient-text

URL

npx shadcn@latest add https://asafefe.dev/r/gradient-text.json

Usage

usage.tsx

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

export function Example() {
  return <GradientText className="text-3xl font-bold">Ship faster</GradientText>
}