Hey everyone! 
I’m excited to share Simple Swipe Card, a new custom card I developed. This card lets you add multiple cards in a container and swipe between them - perfect for saving dashboard space!
Why I Made This Card 
I previously used swipe-card, but kept running into the infamous “t.setconfig is not a function” error. It was frustrating enough that I decided to build my own swipe card from scratch.
My version doesn’t use the Swiper library and has fewer bells and whistles, but it’s reliable and does exactly what I need it to.
Features 
- Swipe between multiple cards
- Pagination dots for visual reference
- Configurable card spacing
- Full visual editor support
- Mobile-friendly touch and mouse navigation
Configuration Example 
You can configure the card using the visual editor or with YAML:
type: custom:simple-swipe-card
cards:
- type: weather-forecast
entity: weather.home
- type: entities
entities:
- sensor.temperature
- sensor.humidity
show_pagination: true
card_spacing: 15
Visual Editor 
The card also includes a visual editor with a card picker for easy configuration from the dashboard without the need to edit any yaml. Please see the Github repository for a screenshot.
Installation & More Information 
All installation instructions, configuration details, and customization options are in the GitHub repository:
GitHub - nutteloost/simple-swipe-card: A swipeable container for multiple cards with touch and mouse gesture support.
Looking forward to seeing how you use this card in your dashboards! If you have any feedback or run into issues, please let me know.
6 Likes
I have just found your post as I struggle with swiper on mobile.
Will try it tonight and bring some feedback but thank you very much for it!
Simple Swipe Card v1.4.0 is released today!
New Features
- Added Loopback Mode that allows continuous navigation through cards
- Added support for Vertical Swiping in addition to the default horizontal swiping
Both new features are fully configurable through the visual editor with intuitive controls and real-time preview.
2 Likes
Another release with a new requested feature released today!
Simple Swipe Card v1.5.0
New Features
- Added Automatic Slideshow (Auto-Swipe) functionality:
- Cards can now cycle automatically at a user-defined interval (in milliseconds, minimum 500ms)
- Auto-swipe intelligently pauses during manual user interaction (e.g., manual swipe, pagination click) and resumes after 5 seconds
- Integrates with Loopback Mode: When
enable_loopback is active, auto-swipe continuously cycles forward through the cards
- Implements “Ping-Pong” Mode: If loopback is disabled, auto-swipe will reverse direction upon reaching the first or last card
- All auto-swipe settings are fully configurable through new options in the visual editor
Improvements 
- Core Logic: Enhanced robustness in internal card data handling and layout calculations, particularly concerning the total number of configured cards for greater stability.
1 Like
Simple Swipe Card now supports card_mod and customization through 25 CSS variables!
Simple Swipe Card v1.6.0
New Features
- Added Card-Mod Integration for advanced styling and theming:
- Full support for
card_mod configuration in card YAML for custom styling
- CSS Variable Forwarding: Pagination and other styling variables are automatically forwarded from host to shadow DOM
- Dynamic Style Application: Real-time style updates when card-mod configurations change
Improvements
- Enhanced Styling System: Card-mod styles now take precedence over theme variables, allowing for both global theming and per-card customization
- Modified slide background to
transparent to prevent interference with nested card styling