Text Effects
Crate Key Decode
Masked API token box with left-to-right cipher scramble reveal, copy confirmation checkmark, and regenerate spin.
cssmedium complexitymoderate motionclickmobile-readyaccessible
Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited
1
When to use it
Developer API dashboards, webhook secrets, and token copy widgets.
When not to
Long multi-line private keys.
Working with an AI agent
Every component ships agent-ready metadata. An example instruction for this one:
Edit --b/--i/--c/--l tokens in :root and [data-theme="light"].
Safe to edit
- theme CSS tokens (--b/--i/--c/--l), data arrays & timings
Keep intact
- IIFE + crNN- prefix, reduced-motion, visibilitychange, theme/demo-v1
Known limitations
- Demo state resets on remount
More Text Effects components
- Scramble DecodeGold monospace text resolves from random glyphs left-to-right with a tracking caret, holds with micro-flickers, then re-scrambles through a 6-phrase loop.
- Stagger RiseGold serif letters rise through a clipped baseline one by one, hold as a word, then exit upward in a staggered loop.
- Gradient WipeBold headline in dim steel; a bright gold sheen band sweeps across via background-clip:text with a soft bloom glow pulsing beneath at center crossing.
- Weight WaveA bell-curve wave of font-weight travels left-to-right across the word WEIGHT; crest letters bulge bold, lift slightly, and warm to gold glow.
- Block RevealGold block sweeps left-to-right over stacked uppercase words, pauses, then retracts right to reveal the text. Loops with a faint underline rule.
- Glitch SplitBold word renders with red/cyan RGB channel-split; periodic bursts trigger horizontal slice displacement and scanline glints over a dark background.