Atelier UI

Search components…

Search components…

Random Letter Swap Button

CTA button whose label scrambles into random glyphs on hover or focus, then resolves letter by letter.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

RandomLetterSwapButtonProps

Also accepts all props of Omit<React.ComponentProps<"button">, "children">

PropTypeDefaultDescription
children* requiredstring——
speednumber40Milliseconds per scramble frame

Install

$ npx shadcn@latest add https://chromotion.dev/r/random-letter-swap-button.json

More like this