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: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase, please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately.