Slider Hero with Animation, Video Background


Slider Hero is a futuristic, responsive header Hero Slider plugin and Dyanmic Website Intro Advert maker with Youtube Video background and animated background effects for hero banners, hero sliders and Landing pages. Create awesome animation slider and animated header with text carousel and Call to Action buttons from Gutenberg Slider Block & Elementor Slider Widget. Use youtube video background or combine animation effect and youtube video.

Support, Bug Report, Feature Requests | Slider Hero Pro version Live Demo | Upgrade to Slider Hero Pro!

Slider Hero also includes a Gutenberg Slider block and an Elementor Slider widget. Use the Elementor Slider Widget or the Gutenberg Slider block to quickly embed Slider Hero anywhere on your page.

Slider Hero is not just your typical responsive image slider plugin for wordpress. This plugin is one of a kind and is based on a unqiue concept that uses incredible CSS3 and JavaScript background animation slider effects not available anywhere else. It is a super fun and simple slider plugin to use and very quick to create elegant, unique animation sliders with animated background effects within a matter of minutes. Not only that, this plugin also supports Youtube background video and Background Image Sliders!

** The free version works in the same way as the pro version just with less number of effects & features. The pro version also supports video sliders like Youtube Video Slider, Vimeo Video Slider or Custom Video Sliders. Video Sliders are not yet available in the free version.

Check the Hero Introduction
Dare to See How Deep the Rabbit Hole Goes?

Check out the Live Previews of the Slider Hero
Upgrade now to Slider Hero Pro

Create Modern Slider Carousels Easily

Check this tutorial to see how fast, intuitive and easy it is to use this wordpress slider plugin to create slider carousels and text carousels.

Looking for an Elegent Portfolio plugin? Try our Portfolio X!

Create Stunning Product Intro Adverts

Make unique product intros and adverts with like a pro without any additional editing tool. The intro creation process is extremely easy and insanely quick and FUN. Now introduce your products and services with a dramatic flair!

Why Use Slider Hero Rather than Other WordPress Slider Plugin?

Traditional Image Sliders are bad for user conversions and they cause banner blindness. They are boring and do not engage users. Eye tracking studies conducted by Neilson Norman Group found that as soon as visitors perceived something to be an advertisement they turned their focus away from it. Image sliders divide your user’s attention. Images on slides represent different products or offers in the span of a few seconds. Your website user has hardly read a single thing when whoosh…the image changes and they have to refocus their attention.

Our slider plugin is different. It focuses on your core messages/, uses a background animation of your choice to keep the user interested and focused. The unique Call to Action button leads the users where they really need to be. The effects are almost like subtle Cinemagraph animations when used in onjunction with your images or text carousels. Think of it as a perfect alternative to background videos.

More than a Slider Plugin – Use Motion Typography to Build Amazing Product Intros

The other unique feature of Slider Hero is the Intro Advert builder. Introduce your products and services with a dramatic flair. The typographic intro builder allows you to do something very unique. You can create stunning product introductions like stunning “Apple – iPhone 7 and iPhone 7 Plus in 107 seconds” or “Introducing Pixel, Phone by Google” with chained text animation combining background audio of your choice.

Build a combination of beautiful text animation along with the background animation. This can be applied in company introductions, creative projects, for your product or service launch etc. You can easily change the color of the text, animation type and more! The intro builder interface is simple and intuitive.

Upgrade to the Professional Version

Slider Hero Benefits

This is the best wordpress header slider plugin with text overlay and cinematic background animation effects. This plugin is best used as Intro, Landing Page Slider or Home Page Slider. It can be used as a fullscreen slider plugin besides the full width or custom width modes. Create a memorable EXPERIENCE for your wordpress coming soon, splash page, home page or landing page that will impress your site visitors with a memorable first impression.

You can use the Elementor Slider widget or Gutenberg Slider block to create HTML5 animated banners, HERO Banner, hero carousel with text and image, HERO text carousel, responsive header image slider, or simple image carousel. The pro version supports Parallax Effect and Ken Burns Effect.

Marketers prefer Hero image or Hero sliders for homepage and landing pages because traditional image sliders do not convert customers as much as an animated bannere which typically occupies the most prime real estate of your website. This plugin provides a middle ground. It allows you to set a background Hero Image and/or select a GREAT javascript background animation effect and apply Title, Description and Buttons etc. as slides or carousel. Instant awesomeness.

There are quite a few great WordPress slider plugins available but they take a lot of efforts and expertise to produce awesome effects you see in their demos. With our plugin, you can make amazing looking Homepage or Landing Page Hero Sliders or animated header with cinematic effects easily and quickly like no others.

Slider Hero Use Cases

This slider plugin provides all the quality of the premium and popular WordPress Slider plugins without the headechs and complications. Select an animation effect like slider Particle Effect, Snow effect, Nasa or Space effect, Bubble effect or Nyan Cat effect, add a background image or choose from a collection of gradients, add title, description, and button (optional) and you are good to go. There is no dragging and dropping or awkward animation timings to get right – this plugin does everything for you. You can use it as an alternative to background video.

Finally a Hero to rescue your websites from boring image sliders that nobody scrolls through.

You can also use Slider Hero as Background Image Slides with or without text carousel and effects. Available Transition Effects are: Fade in/Out, (Slide Left, Slide Right, Slide from Top and Slide from Bottom available in Pro version)

Slider Hero comes with embedded video support! Create a text carousel with Youtube Video Background. Pro version supports uploading your own files or use Vimeo, Loop, Mute, and Set a color overlay with opacity! Video background can be combined with most special effects to create something truly unique and amazing.

Using Video Background with Slider Hero

This slider plugin is perfect to use on your Landing page, Home page, Coming Soon page, 404 Error Page or Splash page and create a permanent, unique impression on your website users.

All Slider Hero Features

Unique, Cinematic Intro Advert Builder

  • Create Unlimited Cinematic Intro Advert Easily which was never possible before
  • Simple, Effective and Intuitive Interface
  • Define text, Font color, Letter Spacing, Font Weight
  • Select from 800+ Google Fonts [PRO FEATURE]
  • Live Font Preview [PRO FEATURE]
  • Flexible Intro Builder with Dynamic Slide delay, Text Animation Type (50+ effects)
  • Upload Image as Slide Background or Select a Color
  • Redirect to New Page After Intro Ends with Custom Delay [PRO FEATURE]
  • Load Regular Slider with Call to Action Buttons After Intro Ends with Custom Delay [PRO FEATURE]
  • 11 Background Animation to Choose from (more coming soon) [PRO FEATURE]

Modern Sliders and Text Carousels with Special Background Effects

  • Create Unlimited Modern Sliders and Text Carousels with Stunning, Never Before Seen Background Animations
  • Choose from 8 (80+ in PRO) Wonderfully Refreshing and Unique Background Animation Effects
  • Switch Between Effects Instantly [PRO FEATURE]
  • Reposition Title, Description and Buttons Easily
  • 800+ Google Fonts with Live Font Preview [PRO FEATURE]
  • Choose from 173 Professionally Created Gradient or Upload an Image as Background
  • Parallax Effect Support for Background Image [PRO FEATURE]
  • Ken Burns Effect for Background Image [PRO FEATURE]

Slider with Video Background

  • Embed a Video as Background with Your Slider
  • Use Youtube Video background
  • Use Vimeo Video Background [PRO FEATURE]
  • Upload Your Own Video (mp4 and webm) [PRO FEATURE]
  • Loop and Repeat Option [PRO FEATURE]
  • Mute Sound Option. [PRO FEATURE]
  • Color Overlay [PRO FEATURE]
  • Choose Overlay Color and Opacity [PRO FEATURE]
  • Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos

Video Slider
* Youtube Video Slider
* Upload Your Own Video (mp4 and webm) and create Custom Video Slider
* Vimeo Video Slider
* Add Text to Slide on Top of Videos [PRO FEATURE]
* Hide ‘watch later’, ‘share’ and channel ‘subscribe’ …


  • Snow effect
  • Nasa effect
  • Bubble effect
  • Particle effect
  • Nyan Cat effect
  • Gradient effect
  • Torus Effect
  • Backend Select Slider Effect
  • Create Slider
  • Display Settings


Αυτό το πρόσθετο παρέχει 2 μπλοκς.

  • slider-hero
  • Slider Hero with Animation, Video Background


  1. Download the slider plugin zip file. Extract and upload the folder in your wp-content/plugins folder.
  2. From the wp-admin panel go to plugins and activate “Slider Hero”
  3. Create a new page and paste the plugin Short Code.
  4. You are ready to wow your site visitors.

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

How do I remove ‘watch later’, ‘share’ and channel ‘subscribe’ buttons

Unfortunately, since September 2018 there is no option to hide Watch Later, Share and Video Title within embedded YouTube iframe. Simply, YouTube does not allow anymore ‘clean’ embed without those components.

However, the Slider Hero Pro version supports an overlay technique to mitigate these.

Does Slider Hero Support Youtube Background Video Auto Play?

Video will auto play if it does not have sound. You can turn off the sound setting from the Video settings. If video has sound then it depends on the browser policy and the user’s history with your website. Please check this article from Google for more details:

Why the background image does not show with some slider effects

Some effects simply does not support background image because background image will look extremely odd with those selected effects. That is why your background image is not showing up with those few selected effects.

Can you add more effects to choose from?

A professional version of the plugin is available with 80+ effects to choose from and loads of extra features. If you have any feature request or suggestions and want to be a part of the development effort to shape the plugin in the way you like, leave us a feedback from:

I have been using the free version plugin. How do I upgrade to the pro version?

1st, you need to deactivate and delete the free version. Then install and activate the pro version and you are ready to go!


4 Ιουλίου 2023
QuantumCloud team's customer support is a second to none. Their responses to my requires had been always prompt, and they always go above and beyond in helping me out in resolving the issues I had with. The slider is the best I could ever find and I am really happy with the product!
8 Φεβρουαρίου 2023
Very responsive and fast acting support. I had a problem with the unplanned version of the plugin and they responded extremely quickly. Great plug in
30 Δεκεμβρίου 2022
This plugin is my go-to for displaying background YouTube videos in website headers and have them autoplaying even on mobile ( due to the handy audio mute option ). Stellar support too, fast and knowledgeable.
23 Μαρτίου 2022
The plugin really enhances our website, and when we had an issue, the support was quick and helpful. Thank you.
10 Ιανουαρίου 2022
So far the plugin does exactly what it's meant to do. Had a small problem to start but the tech support was really quick and it was all sorted.
29 Νοεμβρίου 2021
I must say, this plugin is really easy to use and the interface looks amazing! It only took me a few minutes to set up. Plus it will work with my other plugins too - no problem at all!
Ανάγνωση όλων των 33 κριτικών

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

“Slider Hero with Animation, Video Background” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.


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


Fixed some button animation issue


Fixed some PHP and Escaping Issues


Removed New year sal


New year sale


Christmas sale


Removed BF Sale


Fixed a PHP error


BF Sale


BF Sale


Fixed some JS issues


Sale banner removed


Support section updated

Halloween sale


Fixed some JS issue


Removed Admin notice


Added Admin notice


Limit Admin notice


Improved Admin notice


Admin notice


Sanitized a setting option


Button design


Addded custom CSS back


Fixed drag and drop reorder issue


youtube video background improved

Fixed php warning on Help page


Fixed issue with youtube video background


Added getting started section


Background video issue fixed.

Video slider issue fixed.


Improve loading time


Custom CSS overriding issue fixed.


CSS important removed


Publish checkbox issue fixed.


Fixed a version mixup files


Fixed a CSS issue


Reverse slid image effect settings added.


Updated an OT function for improved security


Fixed font variant issue


Sanitized a function


Removed description box for intro slider


Slide title HTML issue fixed.

Slider save issue fixed.


Refactored and removed some code


Removed redundant code

Improved code standard for sanitization, escape


Removed obsolete code

Used wp_enqueue commands

Improved code sanitization


Nonce must be verifiedm issue fixed.


Refactored some PHP code

Fixed a Javascript error


WP 5.6 compatible


Improved deactivation module


Constant define lower case issue fixed.


Fixed a PHP warning


Fixed slider repeat bug


Improved the cube effect


Cube Animations effect issue has been fixed.


All php warnings issue fixed.

Undefined index issue fixed.

Button render issue fixed.

Slider Image alignment issue fixed.


Background image disappears issue fixed


Massive feature upgrades


Updated support page


Fixed a notice for php 7.3.x


Slider loading issue with slow network fixed.


Button editor close button overlay issue fixed.

First Slide that comes with slider hero package by default – fixed some issues.


Fixed an issue with the particle effect zooming


Added elementor slider widget


Intro builder cancel & reset button issue fixed.

Undefined CSS issue fixed.


Torus effect replacement notice removed


Improved the plugin deactivation survey UX and fixed a bug


Improved the plugin deactivation survey UX


Improved the plugin deactivation survey


Improved the video background issue


Replaced the torus animation effect with new one


Some Custom Css added using wp_enqueue_inline_style

Some Custom js added using wp_enqueue_inline_script

Refactored and cleaned code


Improved shortcode maker code


Removed unused folder inc


Added video mute option


Youtube background video issue fixed.


Fixed some PHP warnings


Shortcode Generator Slider Block for Gutenberg.


Custom video, Youtube video, vimeo video added as pro effect.


Replaced OT with custom settings page


Removed some OT files and references to them to improve security


Fixed some PHP notices


Added text


Better full width slider support


Extra Security check – removed.

Slider resize with aspect ration issue fixed for fullwidth mode.

Slider resize with aspect ratio for custom width & height.

Support page conflict issue fixed.


Slider resize with aspect ratio for custom width & height.


Fixed some conflicts with SLD


Improved support area. Added tips


Fixed header already sent error.


Improved support area


Multislider issue fixed.

Enabled arrow color settings.


Button Bottom Margin – added.

Description Bottom Margin – added.

Title Bottom Margin – added.


Button Bottom Margin – added.

Description Bottom Margin – added.

Title Bottom Margin – added.


Submenu added for Help section.

Design issue fixed.

Remove theme option’s menu from admin bar

Youtube player api added.


Added slide repeat


Added title background color


Added description out animation


Added title out animation


Slide padding time option added.


Show Pause button option added.


Show restart button option added.


Improved reponsiveness


Improved backend interface


Button Text “Add A Button” will change to “Edit Button” immediatly after adding a button.

Subtitle not removing issue fixed.


Added duplicate Feature


Improved image sliding for ie/saffari.


Credit added.

Added a conflict with Promo page.


Better responsiveness

Added JS box


Updated backend text positions area to improve responsiveness


Color & Background Section moved to the top of display settings.

Added youtube Background video feature


Added preview for 3 new effects


Backend font-family & black background issue – fixed.


Added fixed position save button


Fixed a conflict with Avada theme for tite font size.

Added priority to add jquery at top of the page.


Fixed a bug that overwrote the delete button CSS style (visual) in WordPress plugin page


Intro Builder New Button

New Menu selection issue fixed.

Pro version effects added in New page.


Letter fx pro feature

Content section align issue fixed.


Some Alignments fixed.

Button Cancel issue fixed.

Preview size bigger

Introducing Hero Pro


Introducing dynamic, cinematic Intro Builder


Minor text update


Fixed some JS conflicts with 4.9


Added feature – Random slide


Fixed a bug with background image

Added slide count


Added background image transition effect


Uploaded image show very small – Fixed.

Slide Buttons break down when New slide is added – Fixed.

Set default pause time to 13000 – Fixed.

Fix the Button create window’s button alignments – Fixed.

Fix language for title line height – Fixed.

Fix Line Height Matching in Px – Fixed.


Redesigned backend interface


Fixed a conflict with themes that use option tree


Fixed a bug about preview for admin

Fixed bug for slide delete

Small misc. improvements


Removed pause before 1st slide

Fixed text color for description


Major Update

Image upload option add to slide.

Left & Right margin offset.

Added custom css option in backend.

Added Font height for title & description.

shortcode logo changed.

Language changed.

Support page updated.

Support Email problem fixed.


Add shortcode column in list.

Add type in details area.

Change shortcode button to logo icon

Added Text for subtitle

Torus conflicting issue fixed.

Change some languages.


  • Preview Option Added.
  • Updated Menu.