Transition Slider – Responsive Image Slider and Video Slider


Demo | Example Sliders | Features | Documentation | Support


Transition Slider is unique innovative photo and video slider with advanced transitions and responsive animated layers.

Showcase your images and videos in your website across all browsers & devices with this unique and most powerful Slider around. Build any slider without coding! Create beautiful responsive slideshow, image slider, video slider, layer slider with animated layers and effects Slide, Fade, Zoom, Warp, Crossfade, Flash, Twirl, Roll, Stretch.


Bring your website to new level with transition effects only seen in professional videos. Impress visitors with original animations that will catch their attention. Transition Slider is inspired by popular video editing transitions and enables you to use those kind of effects inside your website. Transition include effects like motion blur, radial blur, brightness, and 3D image distortions. Transitions are fully customizable, you can set type, duration, easing, direction, distance and brightness.

Animated Layers

Completely new Layer editor gives you ability to design your slides easily by adding animated Text elements, with advanced settings for each element.

Draggable Slides

Transition Slider has now draggable slides, which makes awesome WebGL effects even more attractive. You can drag slides with touch or mouse, in both directions.

Gutenberg compatible


• Unique slide transition effects made with WebGL custom shaders
• Customizable transitions – direction, speed, duration, brightness, easing
• 10 different transition effects – slide, roll, zoom, stretch, power zoom, twirl, warp, flash, fade, crossfade
• Responsive size – fixed or responsive height based on width
• Full width, fullscreen, boxed layout
• Animated elements Text, Button, Image, Video
• Visual Layer editor
• Transition In and Out Available for Each Layer
• Image slide
• Video slide
• Navigation Arrows – presets and customisable
• Pagination – presents and customisable
• Smart preloading
• Autoplay with timing
• Loop navigation – go from last slide to first
• Draggable slides – transition progress on touch move or click and drag
• Deep linking
• Slide link – entire slide is link

Compatible Browsers

  • IE10+
  • Firefox
  • Safari
  • Opera
  • Chrome
  • iOS browser
  • Android browser

Transition Slider Pro Features

  • mobile and tablet size options (ratio and height)
  • mobile and tablet layer options – change element size, position
  • 26 slider templates
  • Full List of Pro Features

Upgrade to Pro Version

Demo for PRO Version


If you have any question about working with “Transition Slider”, you can take a look at online documentations



This plugin provides 1 block.

Transition Slider


Minimum Requirements

  • WordPress 4.6 or greater
  • PHP version 5.4 or greater
  • MySQL version 5.0 or greater

This section describes how to install the plugin and get it working

Automatic installation (easiest way)

To do an automatic install of Transition Slider, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Transition Slider” and click Search Plugins. Once you have found it you can install it by simply clicking “Install Now”.

Manual installation

Uploading in WordPress Dashboard

  1. Download
  2. Navigate to the ‘Add New’ in the plugins dashboard
  3. Navigate to the ‘Upload’ area
  4. Select from your computer
  5. Click ‘Install Now’
  6. Activate the plugin in the Plugin dashboard

Using FTP

  1. Download
  2. Extract the transition-slider directory to your computer
  3. Upload the transition-slider directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard

The WordPress codex contains instructions on how to install a WordPress plugin.


You can use automatic update to update the plugin safely.

Συχνές Ερωτήσεις

Where can I find Transition Slider documentation and user guides

If you have any question about working with “Transition Slider”, you can take a look at online documentations


1 Αυγούστου 2019
Finally found a Slider with beautiful animations, not boring like other sliders 🙂 It's fairly easy to use, intuitive and great features. I'm using it on my website and looks great, instantly enhanced my website and that's what Slider is all about, right? congratulations on your work 🙂
Ανάγνωση όλων των 2 κριτικών

Συνεισφέροντες & Προγραμματιστές

“Transition Slider – Responsive Image Slider and Video Slider” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.


Σύνοψη αλλαγών

Version 2.6.0 / (23.06.2020)

* Fix for delete element inside layer editor

Version 2.6.0 / (23.06.2020)

* Mouse wheel slider navigation
* New preloader styles

* New implementation for layer elements style, faster and more compatible with custom templates
* Layer fixes and improvements
* Layer editor fixes and improvements
* Templates updated

Version 2.5.0 / (28.04.2020)

  • Removed watermark
  • New transition effects – Slide
  • All layer elements included – text, button, image, video
  • 5 FREE templates included
  • Improved transition blur and performance

Version 2.1.1 / (11.07.2019)

  • Fixed Gutenberg block

Version 2.1.0 / (10.07.2019)

  • Fixed many issues with layers, elements positioning, loading…
  • smoother transitions
  • Finally! SLIDER TEMPLATES are here!
  • NEW Slider editor – redesign with improvement:
  • Slide settings: new feature added “Full slide link”
  • A layers popup window with copy feature also draggable layer items to arrange which item is under or above
  • Move items on a layer with a mouse or keyboard. Hold SHIFT + arrows to move an element by 10 pixels.
  • Right-click on an element and discover a new menu with Delete, Copy, Paste and Duplicate.
  • Switch between slides with left/right arrows
  • Copy/Paste elements between slides (Hold Shift and click on multiple elements right-click and select Copy, move to next slide and Paste selected elements there)
  • Copy/Paste elements with keyboard (Ctrl+C / Ctrl+V for Windows and Cmd+C / Cmd+V for Mac users)
  • Each element is extended with many new settings and hover parameters
  • Layer size option for mobile and tablet
  • NEW Dashboard – redesign with improvement:
  • Select multiple sliders or only one for Export feature
  • The added dropdown menu to select all or none sliders
  • Live preview slider before saving
  • New fullscreen slider preview
  • Slider settings:
  • Under the “size” tab find new responsive parameters (responsive ratio for all devices: desktop, tablet, and mobile)
  • Define breakpoint width for devices (Tablet screen width and mobile screen width)
  • Loading with change text and background color feature
  • transition progress between slides on touch move/drag
  • GUTENBERG Supported
  • Fixed shortcode name parameter
  • Added new shortcode parameters
  • Fixed visual issue with video slide buttons
  • TEMPLATES are included!
  • Fixed visual issue with Brightness Effect
  • Fixed copy/paste multiple elements on layer
  • Fixed move issue for multiple selected elements
  • Fixed switching slides with arrows inside layer editor
  • Fixed delete content text refresh in Text element

Version 1.0.0 / (01.06.2019)

  • initial release