Glitching Tech Eye

👁️ The Glitching Tech Eye A futuristic, animated canvas component that blends 🧬 glitch effects, 🖱️ cursor tracking, and 🎨 ASCII visuals — all wrapped in a glowing tech orb.

👁️ The Glitching Tech Eye A futuristic, animated canvas component that blends 🧬 glitch effects, 🖱️ cursor tracking, and 🎨 ASCII visuals — all wrapped in a glowing tech orb. Perfect for developers, designers, and creative technologists building cyberpunk, interactive, or ASCII-inspired web experiences. 🎛️ Controls & What They Do 🎨 Background — Sets the canvas background color 🌈 Hue Base — Base hue (0–360°) for animated color gradients 🔄 Rotation — Orb rotation speed ⚡ Glitch — Adds random glitch distortion 🌫️ Grain — Adds analog-style texture noise 🔤 ASCII Set — Choose which characters appear inside the orb 🔢 Max Cols / Rows — Adjust ASCII grid density 👁️‍🗨️ Eye Follow — Makes the orb’s center follow your cursor (0 = off, 1 = full follow) 💡 Why Use This Component Adds motion and interactivity to your hero sections Combines glitch art, tech aesthetics, and ASCII particles Cursor-following center adds a unique sense of life Perfect for creative portfolios, dev pages, and immersive product sites 🎨 Ideas to Try Use a minimal ASCII set like .-* for subtle dot-matrix styles Set Eye Follow to 0 to keep the center orb static Crank Glitch and Grain up for a high-energy cyberpunk feel Overlay your text using Framer’s native Text blocks for striking layouts