62:I[267044,["/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/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63: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

64:Tbb1,

🎯 Magnetizing Lines – Interactive Tech Grid

Magnetizing Lines is an interactive visual grid of rotating lines that shrink and orient themselves toward your cursor — like tiny magnetic compasses. Perfect for techy hero sections, glitch-style backgrounds, or futuristic interactive canvases.

🧲 The closer your cursor, the more each line bends and shrinks — creating a reactive, hypnotic effect.

⚙️ Features & Controls

Layout & Sizing

Sizing Mode (Frame, Fill Frame, Fill Viewport, Custom): Control how the component scales inside your layout.
Custom Width & Height: Only shown when Custom mode is selected (e.g. 80vmin or 600px).

Grid Configuration

Rows / Columns: Define the grid density (from 1 to 50 each).
Gap: Control the spacing between each line using any valid CSS unit (e.g. 0px, 1rem, 1vmin).

Line Styling

Color 🎨: Pick any line color.
Thickness: Default line width.
Thickness Unit: px, vmin, or rem.
Length: Default line height.
Length Unit: px, vmin, or rem.
Rounded Ends ⚪: Toggle between rectangular and pill-shaped lines.
Base Angle: Set a static rotation angle (before cursor influence).

Magnetic Interactivity

Magnetize Effect 🧲: Enable or disable cursor-driven shrinking and rotation.
Radius: How close the cursor needs to be to affect lines.
Minimum Thickness: Smallest width when fully shrunken.
Minimum Length: Smallest height near the cursor.
Falloff: Choose between Linear (uniform change) or Smooth (eased shrink curve).

💡 Use Cases

Tech hero sections that feel alive and reactive
Glitch-style ascii art backdrops
Generative, animated motion texture
Scroll-triggered or hover-triggered visual feedback
Creative cursor effects for interactive UI sections

🧰 Pro Tips

Use vmin units for responsiveness
Combine with Framer scroll triggers for layered animation
Dark mode? Try light lines on black for max contrast
Want subtle animation? Lower the thickness and enable smooth falloff

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-4811f07c-74b8-4d9b-be6d-5aa04d5afa3d-all:/unified/creator/4811f07c-74b8-4d9b-be6d-5aa04d5afa3d/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:4811f07c-74b8-4d9b-be6d-5aa04d5afa3d:/unified/posts/?creator=4811f07c-74b8-4d9b-be6d-5aa04d5afa3d&with=reposts":[{"data":[{"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":"$63","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"},{"id":"0199a347-1e86-780f-aa7e-cb399755afe0","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":"7u3DWmcG9Pp0oeooJEru","resolved":true,"title":"MagnetizingLines","body":"$64","bodyJson":null,"introduction":"","slug":"magnetizinglines","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/7u3DWmcG9Pp0oeooJEru/magnetizinglines-nnPnbVa7k6NxHUaVjMAMy3mgmfBseo","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-26T11:44:50.941Z","updatedAt":"2025-10-02T03:36:12.473Z","publishedAt":"2025-10-02T04:56:11.142Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Magnetizing-Lines-F2k0.js@5hG5fii5jlCLLjxF3xZW","previewUrl":"https://magnetizinglines.framer.ai/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"5hG5fii5jlCLLjxF3xZW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-02T04:56:11.142Z","updatedAt":"2025-10-02T04:56:11.142Z"},{"id":"01997f19-e105-7264-bc0c-980b46edc68f","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":"EVZn6tb0beVNxn2tYL5N","resolved":true,"title":"Aura Night Sky","body":"

Bring your pages to life with Aura Night Sky, an animated background component designed for flexibility and performance. Add depth and motion to hero sections, full-screen backdrops, or subtle content highlights.

Features

🎨 Customizable Colors – Choose stripe and rainbow palettes to fit your brand.
⚡ Adjustable Speed – Control the flow from calm ambience to dynamic motion.
📏 Stripe Width Control – Fine-tune how bold or subtle the diagonal stripes appear.
🌌 Edge Fade – Optional vignette effect with adjustable strength for a soft finish.
📱 Responsive & Lightweight – Fits any frame, no layout shifts, works seamlessly across breakpoints.

Whether you want a bold animated hero or a subtle background accent, Aura Night Sky makes it simple to create an immersive visual experience in Framer.

","bodyJson":null,"introduction":"","slug":"aura-night-sky","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/EVZn6tb0beVNxn2tYL5N/aura-night-sky-bLyFb8fYWVfBCG29t65eGvNbCoYAVv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-18T13:24:10.722Z","updatedAt":"2025-09-25T03:58:38.942Z","publishedAt":"2025-09-25T04:20:26.501Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Aura-Night-Sky-oXK3.js@jvbeEhqVz9KQPfHlVlrk","previewUrl":"https://auranightsky.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"jvbeEhqVz9KQPfHlVlrk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-25T04:20:26.501Z","updatedAt":"2025-09-25T04:20:26.501Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]