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.

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