Slider Hero with Animation, Video Background & Intro Maker


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. Use youtube video background or combine animation effect and youtube video.

Slider Hero is not just your typical responsive image slider plugin for wordpress. This plugin is one of a kind and based on a unqiue concept that uses incredible CSS3 and JavaScript background animation slider effects not available anywhere else. It is asuper 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!

Check out the demo for PRO version of the Hero

** Most Pro features are available with the free version

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

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.

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 this 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]

Call to Action Buttons

  • Add One or Two [PRO FEATURE] Call to Action Buttons with Each Slide
  • Square or Rounded Shape
  • With or Without Borders
  • Choose from 10 Custom Button Animations. [PRO FEATURE]
  • Customize Button Fonts with Colors, Letter Spacing and More

Text Animation

  • Standard Animate CSS Text In and Out Effects
  • Letter FX Effects to Animate Your Letters [PRO FEATURE]
  • Combine Animate CSS and Letter FX for Unique Text Effects of Your Own [PRO FEATURE]
  • 20 Custom, Exotic Text Animation Effects for Title and Descriptions [PRO FEATURE]

Audio Support

  • Add Background Music to Match the Tone of Your Intro Adverts and Sliders. [PRO FEATURE]
  • Choose The Audio Controller Position [PRO FEATURE]
  • Users Can Turn Sound On and Off [PRO FEATURE]
  • Select if Audio Should Loop Indefinitely or Stop After Repeating a Few Times [PRO FEATURE]

Unique Slider Decoration

  • Add Unique Decoration for Top and Bottom Parts of Your Sliders [PRO FEATURE]
  • Choose from Slope, Rounded, Triangle, Arrow, Cloud or Half Circle Patterns [PRO FEATURE]
  • Stand Out from the Crowd

Background Image Carousel

  • Use as Background Image Carousel with or without text carousel and effects.
  • Available Transition Effects: Fade in/Out, Slide Left, Slide Right, Slide from Top and Slide from Bottom
  • Parallax Effect Support for Background Image [PRO FEATURE]
  • Ken Burns Effect for Background Image [PRO FEATURE]

General Options

  • Hero Slider, Carousel and Standard Features
  • Fully Responsive
  • Unlimited Sliders on a Page
  • Drag & Drop Slide Position
  • Unpublish Slide/s
  • Quick and Easy Building WITHOUT Any Layer or Timeline
  • Copy and Duplicate [PRO FEATURE]
  • Auto Slide On or Off
  • Repeat On or Off [PRO FEATURE]
  • Random Slide
  • Background Animation Canvas Opacity [PRO FEATURE]
  • Preview Your Sliders While Creating and Save Time

Slider Navigation and Controls

  • Arrow Navigation with Custom [PRO FEATURE] Colored Arrow Icons
  • Special Floating Navigation Arrows [PRO FEATURE]
  • Dot Navigation [PRO FEATURE]
  • Pause and ResStart Slider [PRO FEATURE]


  • Turn Preloader on or Off [PRO FEATURE]
  • Upload Your Own Preloader Image or Animated Gif [PRO FEATURE]

Import Export Slider

  • Export and Import in Another Website Easily [PRO FEATURE]
  • Export/Import Your Carefully Crafted Intro or Adverts [PRO FEATURE]

Full Width and Full Screen Slider

  • Slider Hero Supports Full Width Slider Layout
  • Stretch Full Screen and Full Height

Available Background Animation Effects in the Pro Version

Intro Effect, Stripe Connect Effect, Clear Sky Effect, Water Ripple Effect, Aeronautics Effect, Antigravity Flow, Balls Gravity Effect, Bird Flying Effect, Blob Effect, Blade Effect, Blur Effect, Bubble, Campfire, Circle Intersection, Cloudy Sky Effect, Confetti Effect, Cosmic Web, Colorful Particle, Cursor And Paint, Day Night Effect, Division Effect, Directional Force, Distance, Electric Clock, Firework, Fizzy Sparks, Float and Rain, Floating Leafs, Flowing Circle Effect, Flying Rocket Effect, Grid Effect, Helix Corruption, Helix Chaos, Helix Multiple, Glitch, Iconsahedron Effect, Intersecting Line Effect, Just Cloud, Link Particle, Liquid Landscape, Matrix Effect, Metaballs, Microcosm Effect, Moving Color, Wave, NASA, Neno, Hexagon, Noise Effect, Nyan Cat, Orbital Effect, Particle Effect, Particle Helix, Particle System, Hacker, Physics Bug, Racing Particles, Rain Effect, Rainy Season, Rays and Particles, Play or Work? Rain Of Line, Rising and falling cubes, Shape Animation, Space Elevator, Christmas Snow Effect, Squidematics, Stars Effect, Stellar Cloud, Subvisual, Tag Canvas, The Great Attractor, Thibaut, Tiny Galaxy Effect, Torus of Cubes, Water Effect, Wave Effect, Wave Animation Effect, Waaave Canvas, Walking Background, Star Trek Warp Speed, Water Swimming, Waving Cloth, Water Droplet, Wormhole Effect, Word Cloud, Valentine Effect, Ygekpg Effect

Upgrade to Professional Version
Pro Version Documentation Documentation

Getting Started

Step 1: Select a Slider effect
Step 2: Add title and text to your first slide. Unlimited slides supported
Step 3: Paste shortcode in your homepage or landing page or any page!

You are ready with an awesome, animated Hero Slider or Hero Banner!


All technical stuffs could be tough for your busy schedule. But you don’t need to go at it alone. QuantumCloud’s quick and friendly customer support team is made up of top notch, friendly people – working hard to ensure you get the help you need, when you need it. We have built in Support area in the slider plugin. Just shoot us a mail with your questions or feedback and we will get right back to you.

Leave a Rating for this Slider Plugin

If you like our effort and would like to support us or if you just thought that this plugin was somewhat helpful, please leave a 5 star rating and a short blurb on what you like the most about it. It means the world to us and motivates our developers to keep adding kool, new, premium features to this awesome plugin.

If you face any problem, or want more features in this Plugin please leave a comment, instead of review. We take all customer feedback extremely seriously.


  1. After activating the slider plugin, create a new page or post. In the body section copy paste the Hero shortcode
  2. Save the page/post and check the page in front end.


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


  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.


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!


Misleading TERRIBLE Garbage

Says most of the Pro features are in the free version and that is a straight up lie. It’s not only limited to about 5% of the total features it offers (everything else is labeled Pro), but the features it has are terrible. You people are terrible, like your plugin. TERRIBLE:

Very simple to set up and works great

The slider itself works fine – it’s a fullscreen slider, easy settings.

<Update – I have changed the rating from 4 to 5 stars after a very quick response and fix was released. Good job and support! Below issues HAVE BEEN FIXED now. >

BUT – there WERE some very obvious mistakes in the admin and have been sorted out quickly, leaving them here just for info now:

1. can’t delete “Subtitle” placeholder (if you don’t want text, just images). I delete the “standard header” text and it’s gone. But I delete the “subtitle” text, save and it’s there again.

Using WP 4.9.5, Ascend Premium theme by Kadence Themes.

2. No option to turn off the particle effect – at least allow to turn it off, this is just pointless – the particle effect is nice but mostly doesn’t fit (unless you’re a blockchain / crypto or tekkie site….).

3. moving slides up and down in the admin (changing their order using the “move” button) doesn’t work.

4. you add a button in the admin, save it and it’s nowhere to see, after some time you realize that the add button text has changed to edit button (not when you click “add this button”, but only after you save the entire slider), but no other indication that a button is there – at least it should change the colour (indicating that something is there).

On the plus side, 1 and 2 can be hidden with CSS, so not the end of the world.

Overall, it does the job, just need to iron out some smaller bugs and it’s a great plugin.

Excellent product and support

The Slider Hero plugin is awesome, never seen anything like it. Keep up the good work Quantum Cloud! Not only is the plugin good, the product support is extremely timely and helpful. I would recommend this plugin and Quantum to any web designer.

Awesome Plugin

I wish I knew about this plugin sooner…Anyway great support team that get’s back to your email quickly, love it..I just started using the plugin, still getting a hang of it. So far I really like it

Read all 10 reviews

Contributors & Developers

“Slider Hero with Animation, Video Background & Intro Maker” is open source software. The following people have contributed to this plugin.




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.
  • New Effect Added (Torus of Cubes).


  • More Button features added – Font size, Font Weight, Font Color, Hover Color, Letter Spacing.
  • auto fit on resize window.
  • Misc. Adjustments and bug fixes


  • Misc. Adjustments and bug fixes


  • Login cookie Bug fix


  • Inception