Gradient Text

Monochrome by default so it reads as polish, not decoration; pass brand colours when you mean it.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add gradient-text

Example

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

<GradientText as="h1">Every app you own</GradientText>

Installs to components/galactrex/gradient-text.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`children`	`ReactNode`	—	Text.
`as`	`ElementType`	`"span"`	Element.
`colors`	`string[]`	—	Gradient colours.
`duration`	`number`	`6`	Seconds per flow; 0 holds still.
`angle`	`number`	`90`	Degrees.
`className`	`string`	—	Extra classes for the outer element.