5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8c1,

About this Component

Lens Flare Cursor adds a cinematic WebGL lens flare that follows the cursor in real time. The glow, reflections, horizontal streak, color, intensity, smoothing, opacity, edge fade, and blend mode can all be adjusted directly in Framer.

It’s designed to sit over your existing content without blocking clicks or hover interactions.

Perfect For

Portfolio and agency websites
Cinematic landing pages
Product launches
Dark or image-heavy layouts
Interactive hero sections
Experimental web experiences

Key Features

Real-time WebGL lens flare
Smooth cursor-following movement
Custom flare and streak colors
Adjustable intensity and opacity
Horizontal anamorphic light streak
Edge fade control
Screen, Add, and Normal blend modes
Adjustable follow smoothing and noise speed
Optional native cursor hiding
Static Canvas preview
Reduced Motion support
Offscreen and inactive-tab performance pausing
Responsive at any size
No external libraries or runtime dependencies

How It Works

Drop the component onto your canvas, resize it over the area you want to cover, and customize the effect from the property panel. For a full-page cursor effect, stretch it across the viewport and place it above your content using Z-Index.

Questions?

Need help setting it up? Reach out at hasanwali6890@gmail.com.

Refund Policy

All sales are final for digital products. Refunds are only considered for a confirmed critical technical issue that prevents the component’s core functionality from working and cannot reasonably be resolved.

Refunds are not provided for buyer’s remorse, aesthetic preferences, incompatibility caused by custom modifications, or requests for additional features. Any technical issue must be reported with supporting evidence within 14 days of purchase.

5a:[["$","$L5d",null,{"post":{"id":"01a0c322-1a49-7449-9c82-35a94543b2f7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"M7ydSWkYgHHQfyOVVASv","resolved":true,"title":"Haytham Cursor v2.0","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Lens Flare Cursor adds a cinematic WebGL lens flare that follows the cursor in real time. The glow, reflections, horizontal streak, color, intensity, smoothing, opacity, edge fade, and blend mode can all be adjusted directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s designed to sit over your existing content without blocking clicks or hover interactions."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark or image-heavy layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Experimental web experiences"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time WebGL lens flare"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth cursor-following movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom flare and streak colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable intensity and opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal anamorphic light streak"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge fade control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Screen, Add, and Normal blend modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable follow smoothing and noise speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional native cursor hiding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static Canvas preview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced Motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Offscreen and inactive-tab performance pausing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive at any size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external libraries or runtime dependencies"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your canvas, resize it over the area you want to cover, and customize the effect from the property panel. For a full-page cursor effect, stretch it across the viewport and place it above your content using Z-Index."}]},{"type":"customHeading","content":[{"type":"text","text":"Questions?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Need help setting it up? Reach out at "},{"type":"text","text":"hasanwali6890@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hasanwali6890@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final for digital products. Refunds are only considered for a confirmed critical technical issue that prevents the component’s core functionality from working and cannot reasonably be resolved."}]},{"type":"paragraph","content":[{"type":"text","text":"Refunds are not provided for buyer’s remorse, aesthetic preferences, incompatibility caused by custom modifications, or requests for additional features. Any technical issue must be reported with supporting evidence within 14 days of purchase."}]}]},"introduction":"Cinematic WebGL cursor flare","slug":"haytham-cursor-v2-0","author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10767168-8381-4f2b-9206-2d6c344aae23/01a0c322-0546-712d-9a61-f207674a9aa1.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T08:43:06.606Z","updatedAt":"2026-09-23T06:13:51.180Z","publishedAt":"2026-09-21T08:43:06.604Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://kind-monstera-868086.framer.app","price":"8","paymentUrl":"https://contra.com/payment-link/wMJNlGw5-haytham-cursor-v20-cinematic-web-gl-cursor-flare","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"OXX7dfRzbPOq0D48XnIt","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T08:43:07.209Z","updatedAt":"2026-09-21T08:43:07.209Z","reported":false}}],"$L5f"]

Suggested for you