An animated glitch orb with ASCII particles and cursor-following eye—perfect for futuristic hero sections.
Make it with Workshop
Build your own component with AI
👁️ 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