This component creates an interactive 3D-like image viewing experience from a sequence of images
Make it with Workshop
Build your own component with AI
This component creates an interactive 3D-like image viewing experience from a sequence of images. It allows users to "rotate" through an array of images, simulating the effect of viewing a 3D object from different angles. As users interact with the component, it smoothly transitions between images, creating an illusion of depth and dimensionality. This component is perfect for product showcases and E-commerce platforms to provide detailed views of products. Just take a 360 degree picture of your product and let your customers view on your site.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Remix sample file
Set up the component properties by adding your sequence of images to the "Images" array and setting up the sizing and interaction settings
Resize and position the Image Rotator in your design as needed.
Preview your Framer project and interact with the Image Rotator to test.
Configure the Image Rotator through Framer's property controls. You'll need to provide a sequence of images that represent different views or angles of your subject, and then adjust interaction settings to fine-tune the rotation effect.
For any queries and help setting up the component, contact hello@segmentui.com