Introducing Simple Swipe Card: A Custom Dashboard Solution

Hi everyone! :wave: I’m thrilled to share my latest project, Simple Swipe Card, a custom card designed to enhance your dashboard experience. After struggling with the limitations of existing swipe cards, I decided to build my own from scratch. The result? A reliable, lightweight solution that saves space and offers essential features.

Why I Built This Card

I previously used a popular swipe card but kept running into the infamous “t.setconfig is not a function” error. Frustrated, I set out to create something that works seamlessly without relying on external libraries. My version is simpler but does exactly what I need it to do.

Features

Here’s what makes Simple Swipe Card stand out:

  • Smooth Swipe Navigation: Easily swipe between multiple cards.
  • Pagination Dots: Get visual feedback on your current card.
  • Configurable Spacing: Adjust the gap between cards to your liking.
  • Full Visual Editor Support: Configure everything directly from your dashboard.
  • Mobile-Friendly: Works perfectly with touch and mouse gestures.

How to Use It

Configuring the card is a breeze, whether you prefer the visual editor or YAML. Here’s a quick example:
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

Installation

All the details, including installation instructions and customization options, are available in the GitHub repository: GitHub - nutteloost/simple-swipe-card. Feel free to reach out if you have any questions or feedback!

Looking forward to seeing how you incorporate this into your dashboards! :tada: