WP Manifestindependent plugin directory
manifest / builders / elementor-interactive-showcase

Elementor Interactive Showcase

An Special Elementor widget For Modern Data Management as Slides

by Senior Elementor Core Developer · github.com/alirezakmaxim/elementor-interactive-showcase

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/alirezakmaxim/elementor-interactive-showcase/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/alirezakmaxim/elementor-interactive-showcase ↗

A highly interactive and customizable Elementor custom widget plugin built for presenting items, features, or products in a modern, engaging, and professional UI.

This plugin registers custom Elementor widgets that allow you to display a dynamic stage with elements, complete with interactive navigation, smooth animations, and detailed specifications.

✨ Features

  • Interactive Component Stage: Users can click on different cards (e.g., features, team members, products) to view their details dynamically on a central stage without page reloads.
  • 100% Elementor Native: Every text, icon, image, color, padding, and typography setting is fully customizable via the Elementor Editor panel.
  • Hardware-Accelerated Animations: Uses CSS transitions, translateZ(0), and vanilla JS class toggling to ensure zero layout shift and perfectly smooth 60fps animations.
  • Glassmorphism UI: Modern, clean, and professional design aesthetics out of the box.
  • Responsive & Mobile First: Seamlessly adapts to mobile, tablet, and desktop screens with custom responsive typography controls.
  • Multiple Widgets: Includes both the Interactive Showcase Widget and the custom Info Rows Widget.

🚀 Installation

  1. Download the plugin files.
  2. Upload the elementor-interactive-showcase folder to the /wp-content/plugins/ directory of your WordPress installation.
  3. Activate the plugin through the Plugins menu in WordPress.
  4. Open any page with Elementor, search for Showcase or Info Rows, and drag & drop the new widgets into your page.

🛠️ Usage

After placing the widget in Elementor:

  1. Content Tab: Add/Remove items in the repeater. Assign titles, icons, stage images, specifications, and descriptions for each item.
  2. Style Tab: Customize primary/secondary colors, background gradients, typography for cards, labels, and navigation buttons.

📂 File Structure

  • elementor-interactive-showcase.php: Main plugin file that initializes and registers the widgets.
  • widgets/class-interactive-showcase.php: The core interactive showcase widget.
  • widgets/class-info-rows.php: Additional custom widget for static info rows and banners.
  • interactive-info-rows-template.json: An exported Elementor template for the Info Rows design.

👨‍💻 Development

This plugin was developed focusing on high performance. The front-end interaction uses Vanilla JavaScript appended directly after the widget rendering, avoiding heavy libraries like jQuery. CSS specificity is managed properly to allow Elementor typography settings to naturally override base styles.

  • Version: 2.8.2
  • Tested up to: WordPress 6.x & Elementor 3.x