No. 002
Detail loupe
A magnifying lens follows the cursor over a photo and explains the details it passes over.
- Category
- Media
- Added
- Nov 4, 2026
- Good for
- Detailing, furniture, roofing, anything sold on craftsmanship
- Built with
- HTML, CSS and JavaScript, no libraries.
What it does
- The lens trails the cursor slightly and leans toward marked details as it gets close.
- A short note slides in under the lens when it reaches a marked detail.
- Tour buttons fly the lens to each detail, so it works without a mouse.
- On phones, press and hold to bring the lens up above your finger, then drag.
- Magnification switch, plus trackpad pinch. Page scrolling is never taken over.
Use this element
Copy it into your website builder. It keeps the exact design and behavior, and your site's styles can't change it.
A short snippet that loads the element from finerui.com. Fixes and updates made here show up everywhere it's used.
Paste it into an HTML or embed block:
- Wix: Add, then Embed code, then Embed HTML
- Squarespace: a Code block
- Webflow: an Embed element
- WordPress: a Custom HTML block
- GoHighLevel: a Custom JS/HTML element
It sizes its own height and has a clear background, so it sits on your page like it belongs there.
Preparing the code…