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:Ta17,

🔍 Reveal the Details with Pixel-Perfect Precision

Make your images more than just static assets. Pro Hover Zoom adds a layer of professional interactivity that invites users to explore your work. Whether you're showcasing fine textures in an e-commerce shop or hidden details in a design portfolio, this component delivers a buttery-smooth experience.

✨ Dual Interaction Modes

1. Smooth Scale Zoom: The classic "grow on hover" effect, but refined with customizable spring physics for a premium feel.
2. Magnified Lens: A floating circular or rounded lens that magnifies exactly what the cursor points to. Ideal for high-resolution photography and product specs.

🚀 Professional Controls

Variable Zoom Strength: Control exactly how much detail you want to reveal.
Custom Lens Styles: Adjust size, border color, and corner radius to match your site’s UI.
Responsive & Mobile-Ready: Features a smart "Disable on Touch" option to ensure a clean experience for mobile users.
Polished Transitions: Built-in fade-in/out logic for the lens, so it never feels jarring.

🎯 Perfect For:

E-commerce: Let customers see the quality of materials and fabrics.
Art & Photography: Showcase brushstrokes and high-def textures.
Tech Portfolios: Zoom into UI screenshots and complex dashboard details.
Editorial Layouts: Add a "discovery" element to your articles.

🛠️ No-Code Setup

Drop the component onto your image or frame.
Choose your mode (Zoom or Lens).
Customize the strength and style in the property panel.
Publish. No complex overrides or external libraries needed.

5a:[["$","$L5d",null,{"post":{"id":"0199bd3c-1b32-76dd-8020-337882b91ca0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"22f71974-4a17-471d-b9eb-95828a0594f2","name":"Taha","slug":"taha","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"hQXojkf2ucfRIM44BUUp","resolved":true,"title":"Pro Hover Zoom","body":"$5e","bodyJson":null,"introduction":"Interactive zoom & magnifying lens","slug":"image-zoom-hover-pro","author":{"framerUserId":"22f71974-4a17-471d-b9eb-95828a0594f2","name":"Taha","slug":"taha","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/hQXojkf2ucfRIM44BUUp/image-hover-zoom-P9AW5926tJwXAlIPu2UxrewNNu2X6c","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-27T12:32:11.306Z","updatedAt":"2026-08-17T21:17:07.050Z","publishedAt":"2025-10-07T05:54:17.010Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-founders-383889.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_zP8T7R5az6kfhKmeCKovngtc24J9cCYtEiqtz2R01zI","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"EDxLJohKgOV2iDmZ60ww","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":"2025-10-07T05:54:17.010Z","updatedAt":"2025-10-07T05:54:17.010Z","reported":false}}],"$L5f"]

Suggested for you