Panel Slider Element
Create immersive image and video sliders with cards, hover states, and scroll-driven motion.
The Panel Slider element displays card-based content inside a horizontal slider for pricing plans, team members, or content teasers.
Each slide can combine title, meta, content and link with image or video, and optional hover media.
Position the image above, below, or beside the content to create horizontal card layouts instead of classic stacked panels.
Show different images or videos on hover to make your panels more interactive.
Control how users navigate your content. Scroll through slides one by one, in sets, or use center mode to highlight the active slide. Add a dot navigation or previous/next arrows and control their position, visibility, and breakpoint.
Choose a fixed width for all items or let each item expand to the width of its content.
Style panels as cards or tiles with different backgrounds. You can also change the panel style and link style per item which is perfect for pricing tables.
Create perfectly aligned panels by matching the height of all panels. Then expand the content, the image, or both to fill the available panel space and push links to the bottom.
For more immersive experiences, enable scroll-based parallax. Users can move through slides by scrolling instead of clicking. This is especially powerful when combined with sticky columns creating a stunning scroll-driven effect.
If items have different content lengths, vertically center rows for a more balanced layout.
Optionally, control the hover style for linked panels instead of always applying it automatically.
TODO: And builder elements like slideshows and sliders even preload adjacent images automatically, so browsing through slides still feels instant.
