-
Notifications
You must be signed in to change notification settings - Fork 13
Module Slider
WJDDesigns edited this page May 3, 2026
·
1 revision
Module type:
slider· Category: Layout · Free
Carousel/slideshow container — multiple pages of nested modules, swipeable on mobile, navigated via dots / arrows / auto-play.
- Multiple pages of modules (use Module-Pagebreak to split)
- Swipe (touch) and click-drag (desktop)
- Page indicator dots
- Optional arrow navigation
- Auto-play with configurable interval
- Loop / no-loop
- Vertical or horizontal orientation
- Per-page transitions
- Orientation — horizontal / vertical
- Auto-play — toggle + interval (sec)
- Loop — wrap from last to first
- Show dots — page indicators
- Show arrows — prev/next nav
- Touch / drag — enable swipe gestures
- Transition — slide / fade / scale
Use Module-Pagebreak modules inside the Slider to mark page boundaries. Each page can contain any modules.
Standard 4-tab editor.
- Multi-room dashboard — one page per room, swipe between them.
- Hero carousel — auto-rotating banners with conditional content per page.
- Time-of-day pages — pages for morning / afternoon / evening, auto-shown via Logic.
- Module-Tabs — explicit tab strip.
- Module-Navigation — global navbar with routes (top-level navigation).
Powered by Swiper (swiper@12.0.3). All Swiper features available — see Swiper docs for advanced behaviors.
Ultra Card · Website · Discord · GitHub Issues · HACS · MIT licensed
- Layout-System
- Logic-and-Conditions
- Templates-and-Jinja
- Actions
- Design-System
- Custom-Variables
- Presets-and-Marketplace
- Pro-and-Cloud
- Modules-Overview
- Content
- Data
- Interactive
- Layout
- Media / Background
- Animated (Pro)
- Inputs (Helpers)
- Card embeds