---
title: "TiltImageGrid — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Galleries. About TiltImageGrid adds an interactive, high-performance 3D image gallery to your Framer projects."
canonical: "https://framer.elliotli.dev/component/tiltimagegrid"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/TiltImageGrid

# TiltImageGrid

Interactive 3D-tilting image gall

[View on Framer](https://framer.com/marketplace/components/tiltimagegrid/?via=elliot-li)

![TiltImageGrid preview image 1](https://framer.elliotli.dev/og/component/tiltimagegrid/a9200de34e92813a/1600x1200.jpg)

## Summary

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

## Description

### 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-bzbvptu3-4CMsPk4Oq064H7pdzPiTiQFGHGRCs1)

-   **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**](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

## Rank history [How rankings work →](/terms#rankings)

-   All · #11165

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-03-30
- **Updated**: 2026-08-31
- **Added**: 2026-03-08
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery