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




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
- Upload the plugin folder to
/wp-content/plugins/adbrains-hero-slider - Activate the plugin from the WordPress Plugins menu
- Open the block editor and search for:
- Hero Slider
- Hero Slide
- 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.
ContributorsTranslate “AdBrains Hero Slider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release of Hero Block
- Hero Slider block added
- Hero Slide block added
