With this widget, you can display images on a rotating 3D cube that users can drag in any direction. The cube rotates smoothly and loops infinitely, creating an interactive and eye-catching effect. It’s ideal for portfolios, product highlights, image galleries, or any creative section where you want your images to stand out.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- This is a pro widget. A valid WDesignKit Pro license is required to access and use them.
- Make sure you’ve downloaded the Image Draggable Cube widget.
How to Activate the Image Draggable Cube Widget?
Go to
- WDesignKit →Widgets → Browse Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
Use Cases
Use this widget when you want to display images in an interactive 3D cube layout that users can drag and explore freely.
Best For:
- Portfolio Showcases: Display your creative work or projects in a rotating 3D cube for a modern and unique presentation.
- Product Image Highlights: Showcase product images in an engaging way that users can rotate and interact with.
- Image Galleries: Create a 3D Image Gallery or a 3D Art Gallery that stands out from traditional grid or slider layouts.
- Landing Page Visual Sections: Add an eye-catching visual element to landing pages that instantly grabs user attention.
- Creative Website Designs: Perfect for designers or agencies looking to add a unique and modern visual effect.
- Brand or Showcase Sections: Highlight brand visuals, campaigns, or featured content in a dynamic 3D format.
- Interactive User Experiences: Encourage user interaction by allowing visitors to drag and rotate images freely.
- Promotional Displays: Showcase promotional images or featured content in a visually appealing and interactive way.
- Modern UI Layouts: Ideal for websites that want a clean, stylish, and interactive image presentation.
- Visual Storytelling: Present images in a continuous, rotating cube to tell a visual story in a creative way.
How to Use the Infinite Image Draggable Cube Widget in Elementor?
Add the Infinite Image Draggable Cube widget to the page.
Layout
You can select a pre-defined style from the Style dropdown.
Note : From this tab, based on the style you selected, you will see different options to add the content.
Content
In the Text field, you can add the text of the label.
From the Select Icon section, you can choose either an icon or an SVG of the label.
Content
In the Title field, you can add the title of the content.
In the Subtitle field, you can add the description of the content.
In the Description field, you can add the description of the content.
In the Button Text section, you can add the text to the button.
From the Select Icon section, you can choose either an icon or an SVG for the button.
Then, in the URL section, you can add a link to the button.
Image Gallery
In the Gallery section, you can add images to the gallery. You can also add multiple images to have a better experience of this widget’s effect.
Extra Options
From the Horizontal Spacing section, you can adjust the space between images horizontally.
From the Vertical Spacing section, you can adjust the space between images vertically.
Note: You can manage the spacing between images using these options.
Then, from the Style tab, you can further customize the style of the Infinite Image Draggable Cube.