NeonText

A glowing neon sign with a rare, gentle flicker.

Open late

bash
npx shadcn@latest add https://www.rad-ui.com/r/neon-text.json

React
import NeonText from "@/components/fx/neon-text"

<NeonText as="h2">Open late</NeonText>

Real, unsplit text.
The flicker is two short dips every 7 seconds, far below 3 flashes per second; turn it off with `flicker={false}`.
Use it on a dark surface and check contrast of the pale letters, not the glow.
Forced-colours mode drops the glow.
prefers-reduced-motion: reduce (or data-rad-fx-motion="reduce" on an ancestor) keeps the glow steady.

Prop	Type	Default	Description
children	ReactNode	—	The text.
as	'p' \| 'span' \| 'div' \| 'h1' \| 'h2' \| 'h3' \| 'h4'	'span'	Element to render.
color	string	'#e879f9'	Tube colour.
flicker	boolean	true	Rare, gentle flicker.