About Component
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.
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
Demo Mode — live shape switcher and toggle/slider control panel
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
Full property controls for every shape, color, timing and 3D setting
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
Event & conference websites
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, interactive image effect, framer image component, deck of cards effect, image reveal animation, grayscale hover effect, blob shape image, squircle image effect, hero image effect, framer hover component, 3d card stack, mouse parallax image, tilt hover effect
About Component
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.
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
Demo Mode — live shape switcher and toggle/slider control panel
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
Full property controls for every shape, color, timing and 3D setting
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
Event & conference websites
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, interactive image effect, framer image component, deck of cards effect, image reveal animation, grayscale hover effect, blob shape image, squircle image effect, hero image effect, framer hover component, 3d card stack, mouse parallax image, tilt hover effect
