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