Encrypted Text

Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one — mouse out and they snap back to noise.

TypographyInteractive
/L4VF#E0
S9HY&Y_

hover to decrypt

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/scramble-text.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">
3

This component uses GeistPixelGrid from geist. Install the package:

Optional
npm install geist

More like this