Neon sign glow built from layered shadows, with an occasional tube flicker.
npx shadcn@latest add https://hyperblur.dev/r/neon-text.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/neon-text.tsx.
import { NeonText } from "@/components/hyperblur/neon-text"
<NeonText text="OPEN" color="#ff2fa0" intensity={2} />| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | required | Text to render. |
| color | string | "#2f7bff" | Glow color. |
| flicker | boolean | true | Occasional flicker, like a failing tube. |
| intensity | 1 | 2 | 3 | 2 | How far the glow reaches. |