Effect 3D Images

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Card Bundle: https://frameze.com/components/category/card?ref=bundles

About Effect 3D Images

Image Deck 3D turns a single photo into an interactive layered hover effect for Framer. On hover, stacked image layers fan out into rectangles, circles, diamonds, hexagons, triangles, pentagons, stars, squircles or blobs — with optional grayscale, blur fade, parallax and true 3D tilt. Fully responsive, dependency-free and accessible out of the box.

Features

Multi-shape layer reveal — rectangle, circle, diamond, hexagon, triangle, pentagon, star, squircle, blob

Grayscale toggle for a cinematic black & white reveal

Blur/opacity fade across stacked layers

Mouse parallax that shifts each layer independently

True 3D tilt & depth mode with perspective and pan

Ambient idle motion, gently rotates in 3D while idle and on screen

Adjustable corner radius, layer count and switch accent color

Smooth CSS transitions, no GSAP or third-party libraries

Fully responsive — panels wrap cleanly on mobile and tablet

Accessible — keyboard focus states, ARIA labels, real alt text for SEO

Works out of the box — no setup needed

Use Cases

Portfolio & personal branding websites

Creative agency & studio pages

Fashion & lifestyle landing pages

Photography & visual storytelling sites

Product showcase & feature sections

Hero sections & landing page headers

SaaS marketing & feature highlight pages

Architecture & interior design portfolios

Editorial & magazine style layouts

E-commerce lookbook & catalog pages

Keywords

3d image hover, image deck effect, hover reveal image, layered image effect, parallax image hover, image stack animation, 3d tilt effect framer, hover gallery