3D Scroll Canvas brings an immersive, floating 3D photo gallery straight into your Framer projects. Perfect for landing pages, portfolio displays, or creative sections where you want images to react dynamically as users scroll through your site. Customizing everything takes just a few clicks, giving you full control over depth, motion, and visual style.
Creates a smooth 3D spatial canvas that displays your image collection with realistic mouse parallax and hover zoom effects. The component handles layout positioning automatically based on your seed settings, supports image links, and allows wheel or touch controls to capture page scroll for a dedicated interactive experience.
Layout and Spacing: Total image count, base image size, size variance, X/Y spatial spread, and layout seed variations.
Interactions and Effects: Mouse parallax intensity, hover zoom effect scale, and capture scroll toggle.
Typography and Visuals: Show or hide image titles, customize title font, size, and color, plus optional background color or transparency settings.
Creative agency portfolios and photo showcases
Product feature highlights on landing pages
Interactive hero sections
Studio and designer work previews
Media rich background sections
If you build something cool with this, tag me on X @Dulajweb or send it my way. I always love seeing what everyone creates with these components.
Got questions, feedback, or need a hand setting it up? Drop me a line anytime at dulajdilshan766@gmail.com or send a message on X @Dulajweb
3D Scroll Canvas brings an immersive, floating 3D photo gallery straight into your Framer projects. Perfect for landing pages, portfolio displays, or creative sections where you want images to react dynamically as users scroll through your site. Customizing everything takes just a few clicks, giving you full control over depth, motion, and visual style.
Creates a smooth 3D spatial canvas that displays your image collection with realistic mouse parallax and hover zoom effects. The component handles layout positioning automatically based on your seed settings, supports image links, and allows wheel or touch controls to capture page scroll for a dedicated interactive experience.
Layout and Spacing: Total image count, base image size, size variance, X/Y spatial spread, and layout seed variations.
Interactions and Effects: Mouse parallax intensity, hover zoom effect scale, and capture scroll toggle.
Typography and Visuals: Show or hide image titles, customize title font, size, and color, plus optional background color or transparency settings.
Creative agency portfolios and photo showcases
Product feature highlights on landing pages
Interactive hero sections
Studio and designer work previews
Media rich background sections
If you build something cool with this, tag me on X @Dulajweb or send it my way. I always love seeing what everyone creates with these components.
Got questions, feedback, or need a hand setting it up? Drop me a line anytime at dulajdilshan766@gmail.com or send a message on X @Dulajweb