Pro Gradient Text

A rainbow gradient drifts through the letters, panning in a slow loop.

Loom UI

Installation

npx shadcn@latest add @loomui/pro-gradient-text

Usage

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

<ProGradientText active>Loom UI</ProGradientText>

Props

Prop	Type	Default	Description
`active`	`boolean`	`false`	Runs the gradient.
`children`	`ReactNode`	-	The text.
`className`	`string`	-	Merged onto the wrapper.

Theming

The default sweep is a full rainbow on purpose. This is the one component meant to look loud. Pass a style with your own backgroundImage to swap it for a brand gradient.