Gradient Animation
Animated gradient text with customizable colors and speed.
Installation
Usage
import { GradientText } from "viora-ui";import { GradientText } from "viora-ui";
export default function GradientTextDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<GradientText />
</div>
);
}API Reference
GradientText
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content or child elements to render. |
| className? | string | "" | Additional CSS classes for custom styling. |
| colors? | string[] | [] | Configuration for colors. |
| animationSpeed? | number | - | Configuration for animationSpeed. |
| showBorder? | boolean | false | Configuration for showBorder. |
Built by Otis
Last updated: 9/13/2026