Description
Epic Slider takes your hero section to the next level. Where most sliders stop at fading and sliding, Epic Slider gives you 34 transitions: tiles, spirals, blinds, sweeps, a 3D flip and a real page-curl where the page turns over with perspective, sheen and shadow. Every slide can have its own transition, so you decide the exact rhythm of your story.
You build everything right inside the YOOtheme Pro builder. Per slide you set a title, subtitle and button, with nine text animations (from a calm fade to letters that fly in and spin into place) and nine positions. Want moving imagery? Add an mp4, YouTube or Vimeo URL: it plays muted and looped, and by default fills the whole slider with no black bars. The slider loops endlessly.
For a modern hero, Epic Slider can slide underneath your logo and menu, with an adjustable header opacity and a readability gradient at the top. On top of that you get Ken Burns zoom, navigation with arrows, dots or thumbnails, swipe and mouse drag, a progress bar with play/pause, and a configurable alert box overlay (with a button or a newsletter field).
Key features:
- 34 transitions, with a per-slide effect override
- Real page-curl (Flipbook) with perspective and sheen
- Video slides (mp4, YouTube, Vimeo) that fill the whole frame, muted and looped
- 9 text animations, 9 positions, text panel or outline text
- Endless loop, Ken Burns, full-width and behind-header hero
- Navigation: arrows, dots, thumbnails, swipe and mouse drag
- Alert box overlay with a button or newsletter signup
- Lightweight, framework-free engine that respects reduced motion (accessible)
- For Joomla 5/6 and WordPress 6/7, with automatic updates
In short: a spectacular, fast and accessible slider that you set up in a few clicks and that looks sharp on every screen.
What is the next feature for this plugin?
Submit your idea or vote on existing ones.
Top voted
Changelog
v1.0.0
Breaking
Added
- **Custom CSS per slider**, on the Advanced tab. Rules are scoped to that one slider automatically,
- **Navigation: Arrows + Thumbnails.** Side arrows and the thumbnail strip can now be shown together.
- **Consent for the newsletter form.** The alert box signup now shows a required consent checkbox and
- **Licence key.** A Licence tab in the plugin settings with Activate and Deactivate, a status badge
- **Build fingerprint.** `BUILDINFO.txt` now carries a build id and a checksum over the package
Changed
- Dead files are no longer shipped: `services/`, `src/Extension/` and the two `element.json` files
Fixed
- **Custom CSS was missing entirely.** The Advanced tab referenced YOOtheme's `${builder.css}`, which
- **The consent checkbox and the email field shared a CSS rule.** `.yc-slider__alert-form input`
- **The email field grew to 175 pixels tall below 480 pixels.** In the stacked layout the main axis
- **The alert bar could fall outside the slider.** It is now bounded by the height of the slider and
v0.12.0
Added
- The size readout now also reports the weight of the first slide and of all slides together. That
Changed
- Only the first image now holds up the start. The rest load in the background, one at a time, in
- Navigating to a slide whose image is not in yet waits for that one image and then continues, so a
Fixed
- The first image was drawn at the wrong scale. `_build()` sizes the background before any image has
- Frame size changes other than a browser resize are now picked up as well, through a ResizeObserver
v0.11.0
Added
- **Custom height (px)** as a Height option. The frame keeps the height you enter and the width runs
- **Image width (px)**: draw the image at a fixed pixel width instead of scaling it to the frame,
- **Show image size**: a design aid that puts a small readout on the slider with the dimensions and
Changed
- The Custom size field now serves both Custom ratio and Custom height. With Custom ratio it takes
- Worth knowing before you pick a fixed height: it does not crop less than a ratio does, it crops
- If you want no cropping at all, Custom ratio remains the answer: enter the dimensions of the image
v0.10.0
Added
- Height can now follow the image instead of forcing the image into a fixed frame. Two new options
- Height and ratio can be set per YOOtheme breakpoint: S from 640 pixels, M from 960, L from 1200
- Three more presets in the Height field: Ratio 4:3, Ratio 3:1 and Ratio 1:1.
- New field **Image fit**: "Crop to fill" is the existing behaviour and stays the default, while
- New field **Image position** with nine positions, default centre. It decides which part of the
Changed
- Height and aspect ratio are now driven by CSS custom properties on the element (`--yc-ar`,
- The engine now computes the image rectangle through `_fit()`, which handles both cropping and
- Existing sliders are unaffected. A saved Height keeps rendering the same frame, cropping stays the
- A typed ratio is validated strictly, since it ends up in a style attribute: two whole numbers with
v0.9.9
Changed
- No change to the Joomla package. This release exists to keep the two platforms on the same
v0.9.8
Added
- Admin notice when YOOtheme Pro is missing (YC.7). Without the YOOtheme Pro template the plugin
- Status indicator on the plugin settings page (YC.7). A new custom form field reports whether
Changed
- The Interval field now states its lower bound: "Time each slide stays visible. Minimum 2 seconds."
- License changed to GPL-2.0-or-later for all code in this package. Joomla and WordPress treat
- The engine, the slide templates and the styling are identical to 0.9.7. Brand, product names,
- Correction added on 2026-08-05: this entry originally claimed there was no functional change.
Fixed
- The product description counted 34 transition effects. The engine ships 37 (the flipbook
- The element icons in the builder picker now carry the required 24 x 24 size. They were 30 x 30
Removed
- `TERMS.txt` is no longer part of the package. The commercial terms (subscription, key usage,
- The redistribution ban, the modification ban and the AI ingestion ban are gone from the source
v0.9.7
Changed
- All screen reader and button texts now go through the language layer. They were hardcoded and half
- Engine version to 0.9.0 (i18n layer and changed announcement behaviour).
- All five non-English language files had been stripped of every diacritical mark
Fixed
- Accessibility, from the live UI audit (`audit_epic-slider_v0.9.6_ui-live.md`):
- Tap targets brought up to 44 x 44 px. Play/pause was 40 x 40, the close button of the alert box
- Contrast of the alert button from 3.51:1 to 17.8:1. The semi-transparent white fill on top of
- The focus ring now works on any background: a dark halo next to the white line, so it stays
- The aria-live announcement only fires on navigation the visitor starts themselves (arrow, dot,
v0.9.6
Fixed
- HOTFIX on 0.9.5: the new filtering of free content stripped too much on Joomla. The default
v0.9.5
Added
- Self-healing of the update site link in postflight: after an uninstall plus reinstall the link in
Changed
- The engine version (`EpicSlider.version`, now 0.8.8) is explicitly documented as its own version line,
- The privacy section in the README claimed that the element loads no external resources and sends no
- The WordPress package had no README.md (only readme.txt). Added.
Fixed
- Version sync: `readme.txt` still said `Stable tag: 0.6.1`, the CSS banner 0.8.3 and the
- The content fallback template now uses `image_src` as well and degrades gracefully on a missing field
Security
- Link fields (Button link, Make whole slide clickable, the alert button and the newsletter form URL) now
- Free content per slide is filtered by default with the sanitizer of the platform
- Image URLs are stripped of quotes, brackets and backslashes before they go into a CSS `url()`,
- The two Joomla `content.php` fallback templates had no `_JEXEC` guard (the WordPress variants
v0.9.4
Fixed
- Sliders were invisible on v0.9.0-0.9.3: the builder renderer ($this->el) dropped the yc-slider classes and the data-yc-slider attribute, which made the wrapper collapse without height. The slider div is now rendered explicitly again (classes plus data attributes), with the builder renderer as the outer wrapper for the scroll into view animation and native CSS/id/class/attributes.