5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T9e9,

Liquid Glass Cursor for Framer adds a macOS-style refractive glass cursor to any Framer website. It bends, magnifies, blurs, and lights the pixels beneath the pointer, so text, images, cards, gradients, and backgrounds react as you move.

Key Features:

Real Pixel Refraction: Distorts live page content beneath the cursor using SVG displacement and backdrop-filter.
macOS-Inspired Glass: Combines refraction, magnification, blur, tint, edge lighting, highlights, chromatic dispersion, and shadow.
Live Settings UI: Tune the effect on your preview or published site and see changes instantly.
Copy & Paste JSON: Export your setup, paste it into the Config JSON prop, or download it as a .json preset.
Framer Controls: Adjust size, hover size, follow speed, stretch, thickness, refraction, blur, tint, lighting, shadows, pointer dot, and more.
Hover Morphing: Expands over links, buttons, inputs, or custom selectors with smooth deformation and click compression.
Adaptive Glass: Increase optical strength as the cursor grows for a thicker lens feel.
Built-In Presets: Start with Regular, Clear, or Shader-style glass.
Browser Fallback: Chromium gets full displacement; unsupported browsers fall back to layered blur and glass styling.
No Plugins Required: Add the component, configure it, and publish.

Use Cases:

Portfolios and agency websites
SaaS and product landing pages
Experimental and macOS-inspired interfaces
Product launches and visual campaigns

Browser Support

For the strongest live refraction, use Chrome or Edge. Other browsers automatically use the glass fallback.

Refund Policy

Due to the nature of digital products, all sales are final.

Exceptions:

Technical Defects: The component is defective and our support team cannot resolve it.
Duplicate Purchase: You accidentally purchased the same item twice.

Please contact us for support before requesting a refund.

59:[["$","$L5c",null,{"post":{"id":"01a04b22-0fbd-7066-aa15-b8435bb7c4b2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cf79b33d-8ec3-4bf2-8cf4-822e63f6c190","name":"Rashid Iqbal","slug":"rashidiqbal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1235366/avatar-A0hz247PWQPoVlJ4u5z5KDJw4wjQqO.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MdtZlW4DRLp6DPECiyyO","resolved":true,"title":"Liquid Glass Cursor","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid Glass Cursor for Framer","marks":[{"type":"bold"}]},{"type":"text","text":" adds a macOS-style refractive glass cursor to any Framer website. It bends, magnifies, blurs, and lights the pixels beneath the pointer, so text, images, cards, gradients, and backgrounds react as you move."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real Pixel Refraction:","marks":[{"type":"bold"}]},{"type":"text","text":" Distorts live page content beneath the cursor using SVG displacement and "},{"type":"text","text":"backdrop-filter","marks":[{"type":"code"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"macOS-Inspired Glass:","marks":[{"type":"bold"}]},{"type":"text","text":" Combines refraction, magnification, blur, tint, edge lighting, highlights, chromatic dispersion, and shadow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Settings UI:","marks":[{"type":"bold"}]},{"type":"text","text":" Tune the effect on your preview or published site and see changes instantly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy & Paste JSON:","marks":[{"type":"bold"}]},{"type":"text","text":" Export your setup, paste it into the "},{"type":"text","text":"Config JSON","marks":[{"type":"bold"}]},{"type":"text","text":" prop, or download it as a "},{"type":"text","text":".json","marks":[{"type":"code"}]},{"type":"text","text":" preset."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust size, hover size, follow speed, stretch, thickness, refraction, blur, tint, lighting, shadows, pointer dot, and more."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Morphing:","marks":[{"type":"bold"}]},{"type":"text","text":" Expands over links, buttons, inputs, or custom selectors with smooth deformation and click compression."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adaptive Glass:","marks":[{"type":"bold"}]},{"type":"text","text":" Increase optical strength as the cursor grows for a thicker lens feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-In Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Start with Regular, Clear, or Shader-style glass."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Browser Fallback:","marks":[{"type":"bold"}]},{"type":"text","text":" Chromium gets full displacement; unsupported browsers fall back to layered blur and glass styling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No Plugins Required:","marks":[{"type":"bold"}]},{"type":"text","text":" Add the component, configure it, and publish."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolios and agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and product landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Experimental and macOS-inspired interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launches and visual campaigns"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Browser Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"For the strongest live refraction, use "},{"type":"text","text":"Chrome or Edge","marks":[{"type":"bold"}]},{"type":"text","text":". Other browsers automatically use the glass fallback."}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final."}]},{"type":"paragraph","content":[{"type":"text","text":"Exceptions:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Technical Defects:","marks":[{"type":"bold"}]},{"type":"text","text":" The component is defective and our support team cannot resolve it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duplicate Purchase:","marks":[{"type":"bold"}]},{"type":"text","text":" You accidentally purchased the same item twice."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Please contact us for support before requesting a refund."}]}]},"introduction":"Liquid glass that bends pixels","slug":"liquid-glass-cursor","author":{"framerUserId":"cf79b33d-8ec3-4bf2-8cf4-822e63f6c190","name":"Rashid Iqbal","slug":"rashidiqbal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1235366/avatar-A0hz247PWQPoVlJ4u5z5KDJw4wjQqO.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cf79b33d-8ec3-4bf2-8cf4-822e63f6c190/01a04b1e-3406-720f-96b9-88a7dc9317ad.png"}],"post":null,"createdAt":"2026-08-29T01:28:38.021Z","updatedAt":"2026-08-29T01:28:38.021Z","publishedAt":"2026-08-29T01:28:38.017Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://liquidglasscursor.framer.website","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_q4CvrsaDk7UiwNHPc5HzoexKMngtpow3VjLaw0w5z6L","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"eoAH5bvJjKDfU65YhVWc"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T01:28:38.589Z","updatedAt":"2026-08-29T01:28:38.589Z","reported":false}}],"$L5e"]

Suggested for you