3D Curtain Gallery
3D Curtain Gallery is a premium Framer component built for immersive image showcases with cinematic depth and smooth vertical motion. Inspired by flowing curtain-like layouts, it transforms traditional masonry galleries into dynamic 3D experiences using perspective transforms, layered columns, and continuous scrolling animation. :contentReference[oaicite:0]{index=0}
Perfect for portfolios, fashion websites, creative agencies, SaaS landing pages, photography showcases, editorial layouts, galleries, and modern interactive web experiences.
Features
- Cinematic 3D curtain-style layout
- Smooth infinite vertical auto-scrolling
- Multiple layout modes:
- Masonry
- Grid
- Single Column
- Staggered
- Responsive multi-column system
- Dynamic image height generation
- Optional fixed-height layout support
- Real-time drag and wheel interaction
- Touch-friendly mobile scrolling
- Perspective-based depth animation
- Adjustable curtain drape intensity
- Hover zoom interactions
- Gradient edge overlays
- Grayscale controls
- Smooth inertia and damping physics
- CMS compatible image linking
- Upload images or use external URLs
- Optimized lazy-loaded images
- Fully customizable styling controls
- Static render optimization for Framer export
- High-performance animation loop with viewport detection
Perfect For
- Portfolio websites
- Fashion editorials
- Photography galleries
- Creative studios
- Product showcases
- Agency websites
- Modern landing pages
- Interactive storytelling
- Luxury brand experiences
- Visual case studies
Customization Controls
Layout Controls
- Layout mode selection
- Column count
- Gap spacing
- Corner radius
- Fixed or dynamic item heights
3D Controls
- Perspective depth
- Overall gallery scale
- Curtain drape angle
Motion Controls
- Auto-scroll speed
- Scroll damping
- Hover scaling
- Hover scale amount
Visual Controls
- Grayscale intensity
- Overlay gradients
- Overlay opacity
- Background color
CMS Ready
Each gallery item supports:
- Image uploads
- External image URLs
- CMS links
- Responsive images
This makes the component ideal for dynamic CMS-powered galleries and scalable content-driven websites.
Performance Optimized
The component includes:
- Lazy-loaded images
- GPU-accelerated transforms
- RequestAnimationFrame animation loop
- Viewport-based animation pausing
- Optimized touch interactions
- Static rendering optimization for exports
Refund Policy:
Due to the digital nature of my products, all sales are final, and refunds will not be issued. Please review all product details carefully before purchasing. If you have any questions or need clarification, feel free to reach out before completing your order.
š ļø Support
If you have any issues, feel free to reach out:
š§ Email: interfacestudiolab@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.