Bring every slide to life with a rich selection of built-in animation effects. Choose from Fade, Slide, Ken Burns, Zoom Fade, Blur Fade, and Overlay Fade to give your Hero exactly the mood you want — from subtle and elegant to bold and cinematic. Each effect adds depth and movement that instantly captures attention.
Take your Hero beyond static images with full video support. Add a desktop video for large screens and a separate mobile video optimized for smaller devices — ensuring smooth, perfectly-sized playback everywhere. It's the ideal way to tell your story with motion and make a powerful first impression.
Every slide can have its own independent overlay for perfect readability and style. Right in the backend, you can adjust the gradient with simple, intuitive settings — controlling color, direction, and intensity without touching a single line of code. Fine-tune each slide until it looks exactly right.
Create powerful first impressions with every slide.
The Hero is the first thing your visitors see — so make it unforgettable. Far more than a simple image banner, the Yavi Theme Hero is a fully featured carousel system with gradient overlays, focus point control, animated headlines, responsive media, video support and advanced slide transitions. Build impressive hero sections directly in TYPO3 — without writing custom code.
Gradient Overlay Adjust colors, opacity, position and angle directly in TYPO3 to create professional hero images with better readability.
Focus Point Control Set the visual focus of each image so the most important area stays visible across desktop, tablet and mobile.
Animated Headlines Use text animations, rotating words and slick headers to make your hero message more dynamic and engaging.
Flexible Carousel Items Create individual slides with images, videos, call-to-actions, visibility options and responsive settings.
Header & Slick Header Combine a fixed headline with rotating phrases and choose whether the animated text appears above or below the headline.
Advanced Slide Effects Add smooth motion with fade, slide, Ken Burns, zoom fade, blur fade and overlay fade animations.
