Toggle Sidebar B
AppearanceLight & dark mode D

Glitch Text

RGB split and distortion glitch effect with jitter effects.

Default

Every prop is wired to the controls underneath. Turn on Glitch On Hover to run the effect only under the pointer.

Light previewReplay previewOpen in new tab
UI Library

Customize

Refresh Delay1

API Reference

GlitchText

PropTypeDefaultDescription
textstring""The text content that will display the glitch effect.
speednumber0.5Multiplier for the animation speed. Higher values slow down the glitch effect.
enableShadowsbooleantrueToggle the colored text shadows on the glitch pseudo-elements.
enableOnHoverbooleanfalseIf true, the glitch animation is only activated on hover.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • The glitch layers are CSS pseudo-elements, so screen readers read the text once.