component
Decrypt Title
By Lucas

Details
- LucasAuthor
- componentType
- $9.00Price
- 2026-08-03Published
- 2026-08-03Updated
- 2026-08-03Added
- TextCategories
Summary
Headlines that decode themselves
Description
Headlines that decode themselves. Each letter cycles through cipher glyphs then locks into place in a cascade. Zero dependencies, pure DOM, a few kilobytes. The hard part is solved: every letter's width is frozen on its final glyph and re-measured once your webfont loads, so the line never jitters or reflows while it decodes. Trigger on scroll, immediately, or on hover, and let visitors re-scramble any letter by pointing at it. Full type control through Framer's font picker, custom glyph set, separate colour for the encrypted state, adjustable per-letter duration and cascade delay. Respects prefers-reduced-motion and renders static text inside the editor so your canvas stays fast.
Introduction
Headlines that decode themselves
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4982