Content Sliders
Display images, videos and content in flexible horizontal sliders with customizable navigation, hover effects and scroll-driven motion.
Sliders show several content items in one compact, interactive space, from portfolios and product showcases to team members and pricing plans. Place text beside or below the media for card-style slides, or layer it directly over full-bleed images and videos.
Use the Panel Slider for card-style slides with an image above, below or beside the title, meta, content and link. Style each panel as a card or tile, match their heights, expand the content or image to fill the available space and change the panel or link style per item.
Use the Overlay Slider for full-bleed images and videos with content layered directly on top. Reveal overlays on hover or when a slide becomes active, adjust the slider height to the column or viewport and use blend modes or background colors to create a cohesive visual look.
Both sliders support hover images and videos, fixed or variable item widths and center mode to highlight the active slide. Scroll through items one by one or in sets, and add dot navigation or previous-next arrows with control over their position, visibility and breakpoint. For more immersive layouts, enable scroll-based parallax and let visitors move through slides by scrolling instead of clicking. Combined with sticky columns, the sliders make it easy to create rich, interactive showcases without leaving the visual workflow.
