button-card
lovelace-card-mod
Our great sponsors
button-card | lovelace-card-mod | |
---|---|---|
16 | 16 | |
1,747 | 982 | |
3.8% | - | |
8.5 | 7.7 | |
3 months ago | about 2 months ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
button-card
-
Grocy chore tracking from Home Assistant
I use the custom button card but any card that support tap_action should do. This may be more complicated than you need but I also use decluttering templates (which I omitted here). I hope it isn't too complicated.
-
Any advice on how to optimize space?
HI, try to use custom-button available in HACS, needs a little bit of coding but it is worth it! https://github.com/custom-cards/button-card and a good source also here: https://community.home-assistant.io/t/fun-with-cutom-button-card/238450
-
Testing a new looks for my dashboard. More info in the comments.
Custom Button Card
- Home Office Dashboard
- https://np.reddit.com/r/homeassistant/comments/ock207/my_work_in_progress_copied_from_others/h3vs2n2/
-
How can I create this in LoveLace?
I've got my current layout pretty close using button-card, but I am not sure how to / if I can pull in data from other sensors that aren't the main entity. Here is my code so far:
-
Template for Creating a Multi-State Switch?
As for the "Turn on TV", "Turn off TV", "Play Xbox", "Play PS4" stuff, you can create buttons for them, rather than using switches, using something like Button Card or something. Personally, I think pulling out a phone, waiting for some app to load, scrolling around to whatever thing and pressing a button is just stupid and slow, so I have a few physical buttons around my house. The Hank 4 button/8 scene remote is good, I have a few of them. I've also got some much cheaper Sonoff RM433 8 button remotes that I integrate with rtl_433. Each of my Inovelli Red dimmers also has 11 possible "buttons" via 2/3/4/5x tap and the config button single tap. So I've got zero-fuss buttons to hit for things that aren't easily automated, like "play Xbox" or whatever. It's so much faster to just hit a real button than to fumble around with a phone app. Plus, our phones are usually not nearby anyway.
-
Lovelace Question: icons that change state and color in a horizontal-stack
You can use custom-button-card to achieve this, and more.
-
Gave my dash a facelift, including hover CSS effects and dynamic buttons!
It's simply just custom button cards with "spin: true" as one of the properties! The icon must be completely centered otherwise it will spin weird
- Change entity_picture dynamically?
lovelace-card-mod
-
Personalize Dashboard
Might be a job for card-mod then. (Which is easiest to install via HACS, if you're using that). I don't think there's any risk, just remove the styling if it breaks how it looks.
-
Custom Homeassistant dashboard for tablet mounting
I used both https://github.com/AnthonMS/my-cards and https://github.com/thomasloven/lovelace-slider-entity-row. (also with card-mod for custom CSS styling) https://github.com/thomasloven/lovelace-card-mod
-
octopi pi camera on homeassistant
I installed this: https://github.com/thomasloven/lovelace-card-mod
- https://np.reddit.com/r/homeassistant/comments/ock207/my_work_in_progress_copied_from_others/h3vs2n2/
-
Pulled Car Telemetry Data into Home Assistant!
I used Ha Card Mod which allows you to style cards, and then downloaded the picture off of google images and then edited it to darken it a bit so it wouldn't clash with the white text.. Then I uploaded it to my Home Assistant Blue storage and then styled the card with the picture as the background. Here's my code if you want to see it:
- State Icon Color Change?
- Markdown Card html problem
-
Gave my dash a facelift, including hover CSS effects and dynamic buttons!
Card mod but instead of using "ha-card" as a selector, you use "ha-card:hover" in the same fashion
-
iOS Inspired Dashboard Reborn after I accidentally deleted old setup!
Adding CSS styles to a markup card, setting the background to black at half opacity, and removing the borders!
-
More Info Dialog In Landscape View
To be able to style them you will also need Card-mod: https://github.com/thomasloven/lovelace-card-mod
What are some alternatives?
fan-control-entity-row - Provides a means to show a compact graphical control row for 2 or 3 speed fans in Home Assistant
vertical-stack-in-card - 📐 Home Assistant Card: Group multiple cards into a single sleek card.
lovelace-ui-minimalist - 🌻 Lovelace UI • Minimalist
mini-media-player - Minimalistic media card for Home Assistant Lovelace UI
mini-graph-card - Minimalistic graph card for Home Assistant Lovelace UI
lovelace-slider-entity-row - 🔹 Add sliders to entity cards
Home Assistant - :house_with_garden: Open source home automation that puts local control and privacy first.
lovelace-multiple-entity-row - Show multiple entity states and attributes on entity rows in Home Assistant's Lovelace UI
weather-card - Weather Card with animated icons for Home Assistant Lovelace