Halo
Headphone product cards that tilt and glow on hover
Three product cards for headphones with floating product photos. Good for: an electronics shop or a product launch page. How it works: the cards rise in on load and tilt toward your mouse with a soft shine. On hover the headphones lift forward and sound rings pulse. Includes: a dark and light mode switch. How to use: swap in your own photos and prices, it uses GSAP for animation.
$1.80 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · no framework
- Use it in unlimited client projects
Built with Plain JavaScript, CSS, SVG, GSAP.
What is in the zip
- index.html
- script.js
- style.css
- vanilla-tilt.min.js
Version history
- v1.0.0, 2026-07-11 — First release. Halo shipped as one file, with the reel recorded from the real page.