Displaying 1 to 20 from 26 results

mini-graph-card - Minimalistic graph card for Home Assistant Lovelace UI

  •    Javascript

A minimalistic and customizable graph card for Home Assistant Lovelace UI. The card works with entities from within the sensor domain and displays the sensors current state as well as a line graph representation of the history.

mini-media-player - Minimalistic media card for Home Assistant Lovelace UI

  •    Javascript

A minimalistic yet customizable media player card for Home Assistant Lovelace UI. Inspired by Custom UI: Mini media player and custom-lovelace.

custom-lovelace - Custom cards for Lovelace UI in Home Assistant

  •    Javascript

If you ended up using more cards and want to get update notifications and easier to use workflow you can use tracker-card. If this was the first time you created the www folder in your config than you MUST restart Home Assistant.

button-card - Lovelace button-card for home assistant

  •    TypeScript

Lovelace Button card for your entities. All the fields support templates, see templates.




aftership-card - 📦 Aftership Card

  •    TypeScript

Save aftership-card to <config directory>/www/aftership-card.js on your Home Assistant instance.


config-template-card - 📝 Templatable Lovelace Configurations

  •    TypeScript

Save config-template-card to <config directory>/www/config-template-card.js on your Home Assistant instanse.

decluttering-card - Declutter your lovelace configuration with the help of this card

  •    TypeScript

📝 Reuse multiple times the same card configuration with variables to declutter your config. This card is for Lovelace on Home Assistant.

flex-table-card - Highly Flexible Lovelace Card - arbitrary contents/columns/rows, regex matched, perfect to show appdaemon created content and anything breaking out of the entity_id + attributes concept

  •    Javascript

*Use modify with caution and on your own risk only. This will directly execute code using eval(), which is by definition a safety risk. Especially avoid processing any third party APIs / contents with flex-table-card using the modify parameter, only apply this parameter, if you are 100% sure about the contents and origin of the data.

group-element - A group element for picture-elements with dynamic toggle capability

  •    Javascript

An element to group other elements in Home Assistant picture-elements with dynamic toggle capability. Perfect for creating dynamic interfaces while reusing UI real-estate.

radial-menu - ⭕ Radial Menu Element

  •    TypeScript

This element is for Lovelace on Home Assistant that provides a radial menu on click for quick/space saving access to commands. Designed for picture-elements, but can be used anywhere. Save radial-menu to <config directory>/www/radial-menu.js on your Home Assistant instanse.

roku-card - 📺 Roku Remote Card

  •    TypeScript

This card is for Lovelace on Home Assistant that display a Roku remote. Install roku-card by copying dist/roku-card.js and dist/roku-card-editor.js from this repo to <config directory>/www/roku-card.js on your Home Assistant instance.

text-divider-row - 🗂 Text Divider Row

  •    TypeScript

Save text-divider-row to <config directory>/www/text-divider-row.js on your Home Assistant instance.

forked-daapd-card - forked daapd card for Home Assistant Lovelace UI

  •    Javascript

A lovelace card for Home Assistant to control a forked daapd instance. This card allow you to control your forked daapd instance through Home Assistant. The following controls are available: master volume, play/pause, next/previous, on/off, output selection, individual output volume.

simple-weather-card - Minimalistic weather card for Home Assistant

  •    Javascript

A minimalistic weather card for Home Assistant Lovelace UI, inspired by Google Material Design. Download and copy simple-weather-card-bundle.js from the latest release into your config/www directory.

light-card - Lovelace light-card for home assistant

  •    Javascript

light card is an light icon button for your light entities. The icon colors itself depending on the color of the light. If the color can not be detected (not supported by the light), a default warm yellow is used.

power-wheel-card - An intuitive way to represent the power and energy that your home is consuming or producing

  •    HTML

An intuitive way to represent the power and energy that your home is consuming or producing. This component is a custom card for the Lovelace UI of Home Assistant. The component is discussed here on the Home Assistant forum. There's also a wiki on GitHub.

banner-card - A fluffy banner card for Home Assistant 🥰

  •    Javascript

This limits to only showing a media_player entity when it is playing. It uses the shorthand form for when where a simple string is used instead of specifying an object with state key. You can add simple buttons by specifying the action property for an entity. This is intended for simple use cases to start scripts or set a light to specific brightness for example. You can enforce a fixed icon using a crazy hack (and there I made it a feature) that sets an entities value via config. (Its normaly read from state). You can also use map_state to use different icons for different states.