Why not?
Installation
Usage
import { GlitchText } from "viora-ui";import { GlitchText } from "viora-ui";
export default function GlitchTextDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<GlitchText />
</div>
);
}API Reference
GlitchText
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Configuration for text. |
| className? | string | "" | Additional CSS classes for custom styling. |
| glitchIntensity? | "light" | "medium" | "heavy" | "extreme" | - | Configuration for glitchIntensity. |
| color? | - | - | Configuration for color. |
| backgroundColor? | string | - | Configuration for backgroundColor. |
| isStatic? | boolean | false | Configuration for isStatic. |
| size? | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | number | - | Size option for the component. |
| fontWeight? | number | - | Configuration for fontWeight. |
| letterSpacing? | number | - | Configuration for letterSpacing. |
Built by Otis
Last updated: 9/13/2026