About
Parallax Matrix 3D lets you create immersive, interactive floating image and object scenes in Framer. Perfect for modern hero sections, creative agency portfolios, or interactive showcases, it allows elements to react fluidly as visitors scroll, move their mouse, or tilt their mobile device. Give your layouts immediate depth and a premium dynamic feel without writing a single line of code.
What it does
Renders a custom collection of 3D objects with realistic depth blur, scaling, and entrance animations. It tracks page scrolling and mouse position to move elements smoothly along a dynamic parallax grid. Features built in support for mobile device tilt, gentle idle floating effects, and staggered entrance timing so your elements reveal themselves in a natural, eye catching sequence.
What you can customize
Core controls: Add custom objects, control scroll parallax intensity, and switch scroll direction between up or down.
3D depth & effects: Adjust scale strength, automatic depth blur for background items, and global 3D perspective depth.
Interactions: Toggle mouse parallax with custom movement strength, enable phone/tablet device tilt, and activate subtle idle floating with speed and amplitude controls.
Entrance style: Enable staggered entrance animations with customizable delay timing between elements.
Great for
Modern hero sections and landing page banners
Portfolio showcases and creative agency sites
Interactive product feature highlights
App presentation screens and landing pages
Creative background visuals that respond to user motion
Share your build
If you build something cool with this component, drop a link on X and tag me @Dulajweb or send it over. I would love to check out what you create.
Need help?
Got questions or suggestions? Reach out anytime via email at dulajdilshan766@gmail.com or send a message on X @Dulajweb.
About
Parallax Matrix 3D lets you create immersive, interactive floating image and object scenes in Framer. Perfect for modern hero sections, creative agency portfolios, or interactive showcases, it allows elements to react fluidly as visitors scroll, move their mouse, or tilt their mobile device. Give your layouts immediate depth and a premium dynamic feel without writing a single line of code.
What it does
Renders a custom collection of 3D objects with realistic depth blur, scaling, and entrance animations. It tracks page scrolling and mouse position to move elements smoothly along a dynamic parallax grid. Features built in support for mobile device tilt, gentle idle floating effects, and staggered entrance timing so your elements reveal themselves in a natural, eye catching sequence.
What you can customize
Core controls: Add custom objects, control scroll parallax intensity, and switch scroll direction between up or down.
3D depth & effects: Adjust scale strength, automatic depth blur for background items, and global 3D perspective depth.
Interactions: Toggle mouse parallax with custom movement strength, enable phone/tablet device tilt, and activate subtle idle floating with speed and amplitude controls.
Entrance style: Enable staggered entrance animations with customizable delay timing between elements.
Great for
Modern hero sections and landing page banners
Portfolio showcases and creative agency sites
Interactive product feature highlights
App presentation screens and landing pages
Creative background visuals that respond to user motion
Share your build
If you build something cool with this component, drop a link on X and tag me @Dulajweb or send it over. I would love to check out what you create.
Need help?
Got questions or suggestions? Reach out anytime via email at dulajdilshan766@gmail.com or send a message on X @Dulajweb.
Dulaj dilshan
