The widget library for WordPress is here Download plugin

Auto-Switching Tab Slider

Capture user attention immediately with this high-performance widget designed specifically for modern software platforms, AI tools, and creative portfolios. This widget features a sleek, dark-mode aesthetic that allows vibrant imagery and video content to pop, creating an immersive visual experience.

The core functionality revolves around an auto-switching tab system located at the bottom of the display. As users view the large media area, the active tab highlights with a smooth, pill-shaped background, guiding them through different features (e.g., Image Editing, Generation, Video) without requiring manual interaction. Users can also manually click tabs to jump to specific content.

Built with a focus on "Show, Don't Tell," this widget is perfect for landing pages demonstrating product capabilities. It supports high-resolution images and video embeds, wrapped in a contemporary rounded container. The layout is fully responsive, ensuring your feature tour looks stunning on mobile devices and large desktop screens alike.

Key Features:

  • Auto-Switching Functionality: Automatically cycles through tabs to create a hands-free product tour.
  • Bottom Tab Navigation: unobtrusive, text-based navigation with a stylish pill-shape active state.
  • Immersive Dark Mode: Designed to make colorful UI screenshots, renders, and videos stand out.
  • Smooth Fade Transitions: Seamlessly blends between content slides for a polished feel.
  • Media-First Layout: Prioritizes large visual assets to demonstrate complex software features effectively.
  • Fully Customizable: Easily adjust timing speeds, accent colors, fonts, and slide content via the CMS.

 

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.