Cypher Reveal
A mesmerizing hover card that reveals streams of glitchy characters through a radial gradient that follows your cursor. 5 glyph styles (alphanumeric, matrix, binary, hex, code), fully customizable colors, reveal radius, and density.
About this Component
Features• Radial gradient spotlight follows cursor in real-time• Random character streams regenerate on every mouse movement• 5 glyph styles: Alphanumeric, Matrix (日本語), Code Symbols, Binary, Hexadecimal• Smooth fade-in/fade-out transitionsCustomizable Properties• Label text, size, and color• Gradient start and end colors• Reveal radius (spotlight size)• Center circle size and blur intensity• Glyph density (500–5000 characters)• Border color and radius• Background color• Toggle corner marks on/offHow It WorksDrop it into any Framer project. Select the component and customize everything from the properties panel — no code editing needed. Works with any layout, fully responsive.Built WithReact 18 + Framer Motion. No external dependencies. Lightweight and performant.
