← All Components
Card
Effect 3D Images
Free
A card component built for Framer. Live preview below — interact with it directly before you buy.
If it saves you time, a small tip is always appreciated.Donation
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
- →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
Best value
Get every component with All-Access — $129
Effect 3D Images and all 122 others, current and future.
Get All-Access
