InfinityGlassGSAP
A premium GSAP-powered Framer component that transforms any image into a stunning multi-layer “infinity glass” effect. Layers scale in on hover, track the cursor with smooth parall
Make it with Workshop
Build your own component with AI
About this Component
The Infinity Glass Hover component brings cinematic depth and interactivity to your images. Perfect for hero sections, portfolios, product showcases, and immersive landing pages, it combines smooth GSAP animations with fine-tuned controls to deliver a polished, high-performance visual effect.
Features:
Layered Hover Reveal – Images split into stacked layers with a customizable scale interval.
Cursor Parallax Tracking – Smooth, lerped motion that responds to mouse position.
Drag-to-Rotate – Tilt layers in 3D by dragging vertically.
Edge Effects – Add subtle stroke or shaded outlines for a glass-edge illusion.
Customizable Easing – Choose from multiple GSAP easing curves.
Responsive Radius – Supports pixel and percentage values for rounded or circular masks.
Performance Optimized – GPU-accelerated transforms and requestAnimationFrame loop.
Perfect for:
Hero images
Product cards
Showcase galleries
Creative portfolios
