TiltImageGrid adds an interactive, high-performance 3D image gallery to your Framer projects. Drop it into a portfolio, a product showcase, or a landing page to give your visuals a premium, tactile feel. Visitors experience smooth, perspective-based tilting as they hover over each item, making your static images feel alive and engaging.
It renders a fully responsive grid of images that respond dynamically to mouse movement. The component calculates tilt angles and perspective in real-time to create a sense of physical depth. It also features elegant hover labels that reveal context or CTAs (Call to Actions), and supports links for each item to drive traffic throughout your site.
Grid & Layout: Number of columns, gap spacing, container padding, and individual item padding.
Interactivity: Maximum tilt angle (degrees), 3D perspective depth, hover scale factor, and link behavior (open in new tab).
Styling: Corner radius for images, shadow styles (Soft/None), and image fit modes (Cover or Contain).
Hover Labels: Fully customizable label text, font (Inter), background and text colors, offset positioning, and label corner radius—ensuring the interaction matches your brand’s UI perfectly.
Portfolio project showcases
Product feature galleries
Team member sections
Visual-heavy landing pages
Interactive "Click for more" gallery sections
Share your buildIf you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.
Need help?Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
