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_updater - 📦 A component which allows you to track and update custom cards/components and python_scripts

  •    Python

A component which allows you to track and update custom cards/components and python_scripts. For installation and updating and for more info about this component have a look at the "docs".

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.

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.

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.

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.

cover-element

  •    Javascript

An element that allows cover/blinds control in a Home Assistant picture-elements card. Download and copy cover-element-bundle.js from the latest release into your config/www directory.

favicon-counter - Show a notification count badge.

  •    Javascript

Show a counter for your pending notifications as a bage on the favicon. If you use it's there.

stack-in-card - 🛠 group multiple cards into one card without the borders

  •    TypeScript

It allows to group multiple cards into one card without the borders. By default, it will stack everything vertically. If a card inside the stack has the --keep-background CSS style defined, it will not replace the background. This is usefull for button-card for example. You can also define this CSS variable by using card-mod.

timer-card - ⏲ Lovelace Timer Card

  •    TypeScript

This element is for Lovelace on Home Assistant that that shows a timer and its controls. Save timer-card to <config directory>/www/timer-card.js on your Home Assistant instanse.

unused-card - All your unused entities in a list

  •    TypeScript

Download and copy unused-card.js from the dist into your config/www directory. Add a reference to unused-card.js inside your ui-lovelace.yaml.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.