The Hero Cascade widget reinvents the hero slider as a deck of cards. Instead of one image fading to the next, each slide sits on its own card, stacked behind the active one and fanned out so you can see the story coming. As the slider advances, the front card peels away and the next rises into place, carrying its headline, subtitle, and call to action with it. Built natively for Elementor, it brings a tactile, layered hero to any page without a single line of code or a heavy video file to host.
What Is the Hero Cascade Widget?
The Hero Cascade is a stacked-card hero slider. Each slide pairs a background image with a title, subtitle, description, an overlay color, and a button, and the cards cascade in the direction you choose. Visitors can swipe, drag, or let it autoplay, and an optional tilt responds to the pointer for a sense of depth. Because the motion is rendered in the browser with CSS transforms, the slider stays light while still feeling premium, and every card remains fully editable from the visual editor with no markup to maintain by hand.
Key Features of the Hero Cascade Widget
This Elementor hero ships with the controls a real launch page actually needs:
- Cascade in any direction, with adjustable card rotation, scale step, offset, and visible-card count.
- Pointer tilt, swipe and drag gestures, autoplay timing, and a tunable transition speed.
- Per-slide overlay colors, an optional slide counter, dots, and arrows for full navigation.
- Complete typography and color control for the title, subtitle, description, and button.
Why Use the Hero Cascade Widget on Your Site?
A hero section is the first thing a visitor sees, and a layered deck of cards earns a measurable extra moment of attention before the scroll. The Hero Cascade widget uses that moment well: the stacked cards hint that there is more to see, which invites a swipe, and the per-slide button turns a passive look into a click. For galleries, studios, and product launches, it carries several stories in one fold without the page weight of a background video. Because it is responsive and touch friendly, the same cascade that fills a desktop screen scales cleanly down to a phone, where swiping feels completely natural. The per-slide overlays keep text readable over any photograph, light or dark, so it is the rare hero treatment that looks expensive and still loads fast, which is why it belongs at the top of a page that needs to convert.
Getting Started With Hero Cascade in Minutes
Drop the widget into any Elementor section and add your slides in the repeater. Each slide takes an image, your copy, an overlay color, and a button. Choose a cascade direction, set how many cards stay visible, then tune the rotation, offset, and transition timing. Turn on tilt, the counter, or autoplay if you want them, style the typography and button to match your brand, and preview. Everything renders live in the editor, so you shape the final look without touching CSS or leaving the page you are designing.
See the Hero Cascade in Action
The demo page below shows three live builds across very different brands, each with its own cascade direction, card styling, and pacing. Watch how the cards fan out and peel away, then imagine your own photography in the deck. It is the fastest way to judge what this Elementor hero can do for your next campaign before you commit to a layout.
The Hero Cascade widget is part of the Sentio Addons for Elementor collection, alongside dozens of other performance-first tools. Add it to your toolkit, pair it with your best photography, and give your next launch an opening worth swiping through.