Dreame Vacuum Map Card
GitHub link: GitHub - noambergauz/dreame-vacuum-map-card: Dreame Vacuum Map Card for Home Assistant Integration
Hey everyone!
I’ve been working on a custom Lovelace card for Dreame vacuum cleaners, and I’m excited to share the first version with you all.
While existing map cards are great, I wanted something that felt closer to the native Dreame app experience—smoother animations, better visuals, and easier control directly from the dashboard.
Features
- Native Look & Feel: Designed to mimic the official Dreame app UI.
- Live Map Updates: Real-time position tracking with smooth rendering.
- Room Cleaning: Easily select specific rooms to clean.
- Zone Cleaning: Support for zone selection (coming/in-progress).
- Custom Theming: Supports both Light and Dark modes.
- Performance: Built with React & TypeScript for a snappy experience.
Screenshots
Requirements
This card is designed to work best with the Dreame Vacuum Integration by Tasshack. Make sure you have that set up first!
Installation
Option 1: HACS (Custom Repository)
- Open HACS.
- 3-dot menu > Custom repositories.
- Add the GitHub URL
- Type: Dashboard.
- Click Add and then install the card.
Option 2: Manual
- Download
dreame-vacuum-map-card.jsfrom the (noambergauz/dreame-vacuum-map-card/releases). - Upload it to your
/config/www/folder. - Add the resource in your Dashboard settings (
/local/dreame-vacuum-map-card.js).
Configuration
Add a manual card to your dashboard and use the following configuration:
type: custom:dreame-vacuum-map-card
entity: vacuum.your_robot_name
map_entity: camera.your_robot_map_entity
# Optional settings
theme: dark # or 'light'
Known Issues
- Zone cleaning is broken