5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T77a,

👁️ 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

59:[["$","$L5c",null,{"post":{"id":"0199a347-2acb-71de-950a-c31faedc66be","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4811f07c-74b8-4d9b-be6d-5aa04d5afa3d","name":"Shahbaaz Khan","slug":"shahbaaz-khan-4u02mm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/663244/avatar-IY0N6xj144uDIRpGCis4TflI531ySN.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"mTLBzztmhhqEm9HAd1H4","resolved":true,"title":"Glitching Tech Eye","body":"$5d","bodyJson":null,"introduction":"","slug":"glitching-tech-eye","author":{"framerUserId":"4811f07c-74b8-4d9b-be6d-5aa04d5afa3d","name":"Shahbaaz Khan","slug":"shahbaaz-khan-4u02mm","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/663244/avatar-IY0N6xj144uDIRpGCis4TflI531ySN.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/mTLBzztmhhqEm9HAd1H4/glitching-tech-eye-Expa6qoGuIEvsDQFlHGogzlAoIcO0p","metadata":{"tint":{"h":180,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-26T11:24:46.598Z","updatedAt":"2025-11-12T06:02:23.299Z","publishedAt":"2025-10-02T04:56:14.283Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/The-Glitching-Tech-Eye-Jg8p.js@g0BWdgVW4b3PBwCGb9Dz","previewUrl":"https://theglitchingtecheye.framer.ai/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"g0BWdgVW4b3PBwCGb9Dz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-02T04:56:14.283Z","updatedAt":"2025-10-02T04:56:14.283Z","reported":false}}],"$L5e"]

Suggested for you