BEIRUX UI

ReactBits

GlitchText

CSS-only glitch effect with red/cyan offset layers, clip-path animation, and configurable speed. No JS animation runtime.

Hero (slow, dramatic)

BEIRUX

speed=1.2enableShadows=true

GLITCH

speed=0.5 (default)enableShadows=true

ERROR

speed=0.2enableShadows=true

CLEAN

speed=0.5enableShadows=false

HOVER ME

speed=0.4enableOnHover=true

The system encountered a

FATAL

error during the last transmission. All nodes have been disconnected. Please

REBOOT

to restore the connection.

className="!text-2xl !mx-0 inline-block"

Prop	Type	Default	Description
children	string	required	Text to display
speed	number	0.5	Base animation speed in seconds (lower = faster)
enableShadows	boolean	true	Show red/cyan color offset shadows
enableOnHover	boolean	false	Only animate on hover (static until hovered)
className	string	""	Additional Tailwind classes (use ! for overrides)