Glitch button
On hover, two colored copies of the text jump sideways in slices, like a broken screen.
Settings
Code
<button class="uv-glitch" data-t="GLITCH">GLITCH</button>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Buttons
Where to use it
A glitch button belongs on sites with a digital, slightly rebellious attitude: the “ENTER” screen of a cyberpunk game, the lineup page of an electronic music festival or a streetwear drop that goes live at midnight. At rest it is a solid button. On hover, the text splits into colored slices that twitch while the cursor stays.
Short words in capitals read best while the effect runs; long labels turn into noise. Don't use it inside forms or checkouts, where people need calm. Two strong, contrasting colors give the classic RGB split look.