Browse components
Electric Text
Text wrapped in a crackling electric outline, driven by animated SVG turbulence displacement.
Installation
npx shadcn@latest add @glint-ui/electric-textFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/electric-text.json
Usage
import { ElectricText } from "@/components/ui/electric-text";
<ElectricText text="HIGH VOLTAGE" color="#7dd3fc" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "HIGH VOLTAGE" | Text to electrify. |
| color | string | "#7dd3fc" | Arc color. |
| intensity | number | 6 | Displacement strength, in px. |
| speed | number | 24 | Crackle updates per second. |
| glow | boolean | true | Soft outer glow. |
| className | string | — | Extra classes for the root element. |