Shadcn.io is not affiliated with official shadcn/ui
Scramble Button
Button with text that scrambles through random characters on hover for React.
Scramble Button preview
Decode the message. Hover and watch the button text scramble through random characters before resolving to the final text—like a password being cracked or a slot machine settling. It's techy, mysterious, and oddly satisfying. Perfect for developer tools, gaming sites, cybersecurity themes, or anywhere you want that hacker-movie aesthetic. The effect is fast and fluid, never frustrating.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the scramble-button button into my projectRelated Components
Typewriter Button
Text types out
Glitch Button
RGB split glitch
Scatter Button
Letters explode
Text Reveal Button
Text reveal effect
Blur Button
Text blur to focus
Marquee Button
Scrolling text
FAQ
Was this page helpful?
Sign in to leave feedback.