Make your AI a shadcn expert
Previous: Curved Loop
Next: Diff Text

Decrypted Text

Matrix-style decryption text effect with character cycling for React applications.

Decrypted Text preview

Scroll to load preview

Matrix-style decryption effects that reveal text through scrambled character cycling. Characters randomize through a configurable alphabet before settling into their final positions, creating a hacker/cipher aesthetic. Supports sequential reveals from start, end, or center, with hover or scroll triggers. Perfect for tech-focused landing pages, cyberpunk themes, or dramatic text reveals. Built with Motion for React with full accessibility support via screen reader text.

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 text effect for you — no copy-paste, no CLI:

use shadcnio to install the decrypted-text text effect into my project

Scrambled Text

Proximity-based character scrambling with GSAP

Typing Text

Realistic typewriter effects with cursor blinking

Glitch Text

Digital glitch effects with RGB channel separation

Text Generate Effect

Progressive character generation with timing

Blur Text

Text animation from blur to focus

Shuffle

Random character shuffling with settling animations

FAQ

Was this page helpful?

Sign in to leave feedback.

Curved Loop

Text following curved SVG paths with smooth looping marquee animation for React applications.

Diff Text

Git-diff style line animation where removed lines turn red and strike through while added lines slide in green for React applications.