TiltImageGrid

About TiltImageGrid adds an interactive, high-performance 3D image gallery to your Framer projects.

About 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. What it does 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. What you can customize 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. Great for Portfolio project showcases Product feature galleries Team member sections Visual-heavy landing pages Interactive "Click for more" gallery sections Share your build If 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

Interactive 3D-tilting image gall