Title: AdBrains Hero Slider
Author: adbrainstech
Published: <strong>September 1, 2026</strong>
Last modified: September 1, 2026

---

Search plugins

![](https://ps.w.org/adbrains-hero-slider/assets/banner-772x250.png?rev=3675621)

![](https://ps.w.org/adbrains-hero-slider/assets/icon-256x256.png?rev=3675621)

# AdBrains Hero Slider

 By [adbrainstech](https://profiles.wordpress.org/adbrainstech/)

[Download](https://downloads.wordpress.org/plugin/adbrains-hero-slider.1.0.0.zip)

 * [Details](https://wordpress.org/plugins/adbrains-hero-slider/#description)
 * [Reviews](https://wordpress.org/plugins/adbrains-hero-slider/#reviews)
 *  [Installation](https://wordpress.org/plugins/adbrains-hero-slider/#installation)
 * [Development](https://wordpress.org/plugins/adbrains-hero-slider/#developers)

 [Support](https://wordpress.org/support/plugin/adbrains-hero-slider/)

## Description

Hero Block is a Gutenberg-native block plugin that allows you to build beautiful
hero banners and sliders with powerful customization options.
 It contains two main
blocks:

**1. Hero Slider Block** (parent block)
 — Allows creating slideshows for hero sections—
Supports autoplay, fade/slide effects, arrows, pagination and more (Defined in: 
adbrains-hero-slider/adb-hero-slider)

**2. Hero Slide Block** (child block)
 — Each slide can be an image or video — Includes
overlay colors, gradients, alignments, animations and more (Defined in: adbrains-
hero-slider/adb-hero-slide)

Perfect for landing pages, banners, hero sections, and visually rich headers.

### ✨ Key Features

**Hero Slider (Parent Block):**
 – Full-width & wide alignment – Autoplay with delay
control – Pause autoplay on hover – Fade or slide animations – Arrow navigation 
toggle – Pagination dots (bullets) – Custom transition speed – Looping slides – 
Custom slides-per-view and spacing

**Hero Slide (Child Block):**
 – Select image or video background – Video controls&
poster image – Overlay color with opacity control – Gradient overlay support – Vertical&
horizontal alignment – Wide or full content width – Animation type & delay – Image
object-fit control

### Technical

 * 100% Gutenberg / Block Editor native
 * Uses block.json specification
 * Includes editor scripts, styles, and front-end View Script
 * No external dependencies (lightweight)

### Third-Party Software

This plugin bundles the following third-party library:

 * **Swiper** (v12)
    - License: MIT License
    - Source: https://swiperjs.com/
    - Copyright (c) Vladimir Kharlampidi

## Screenshots

[⌊Hero Slider block in editor⌉⌊Hero Slider block in editor⌉[

Hero Slider block in editor

[⌊Hero Slide settings panel⌉⌊Hero Slide settings panel⌉[

Hero Slide settings panel

[⌊Front-end slider example⌉⌊Front-end slider example⌉[

Front-end slider example

[⌊Overlay and animation options⌉⌊Overlay and animation options⌉[

Overlay and animation options

## Blocks

This plugin provides 2 blocks.

 *   Hero Slider A hero slider containing multiple hero slides.
 *   Hero Slide A single slide with image or video background and hero content.

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/adbrains-hero-slider`
 2. Activate the plugin from the WordPress Plugins menu
 3. Open the block editor and search for:
 4.  * **Hero Slider**
     * **Hero Slide**
 5. Add slides inside a Hero Slider block

## FAQ

### Does this support Full Site Editing themes?

Yes, it works on block themes and classic themes.

### Can I use videos in slides?

Yes. Each Hero Slide supports video backgrounds.

### Does it work without JavaScript frameworks?

Yes. It only uses native block editor scripts and a minimal view.js runtime.

### Are animations included?

Basic animation types and delay settings are provided per slide.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“AdBrains Hero Slider” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ adbrainstech ](https://profiles.wordpress.org/adbrainstech/)

[Translate “AdBrains Hero Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/adbrains-hero-slider)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/adbrains-hero-slider/),
check out the [SVN repository](https://plugins.svn.wordpress.org/adbrains-hero-slider/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/adbrains-hero-slider/)
by [RSS](https://plugins.trac.wordpress.org/log/adbrains-hero-slider/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release of Hero Block
 * Hero Slider block added
 * Hero Slide block added

## Meta

 *  Version **1.0.0**
 *  Last updated **20 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.1**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [block](https://wordpress.org/plugins/tags/block/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/)
   [hero](https://wordpress.org/plugins/tags/hero/)[Slide](https://wordpress.org/plugins/tags/slide/)
   [slider](https://wordpress.org/plugins/tags/slider/)
 *  [Advanced View](https://wordpress.org/plugins/adbrains-hero-slider/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/adbrains-hero-slider/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/adbrains-hero-slider/reviews/)

## Contributors

 *   [ adbrainstech ](https://profiles.wordpress.org/adbrainstech/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/adbrains-hero-slider/)