TypeScript Lovelace

Open-source TypeScript projects categorized as Lovelace

Top 17 TypeScript Lovelace Projects

  1. lovelace-mushroom

    Build a beautiful Home Assistant dashboard easily

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. mini-media-player

    Minimalistic media card for Home Assistant Lovelace UI

  4. apexcharts-card

    📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant

  5. vacuum-card

    Vacuum cleaner card for Home Assistant Lovelace UI

  6. scheduler-card

    HA Lovelace card for control of scheduler entities

  7. nspanel-lovelace-ui

    Custom Firmware for NsPanel with the design of HomeAssistant's lovelace UI in mind, works with Tasmota.

  8. atomic-calendar-revive

    An advanced calendar card for Home Assistant Lovelace.

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. slider-button-card

    A button card with integrated slider

  11. decluttering-card

    🧹 Declutter your lovelace configuration with the help of this card

    Project mention: Crafting My Perfect Home Assistant Dashboard | dev.to | 2024-07-12

    That's when I discovered the magic of Decluttering Card. This plugin lets me create card templates that I can reuse everywhere, shrinking my configuration file down to a much more manageable size.

  12. purifier-card

    Air Purifier card for Home Assistant Lovelace UI

  13. restriction-card

    🔒 Apply restrictions to Lovelace cards

  14. formulaone-card

    Present the data of Formula One in a pretty way

    Project mention: My First Hacktoberfest Contribution!!! | dev.to | 2024-10-01

    I went onto their repository, found the solution that they utilized ,and finally took inspiration from that and made changes to F1Hub

  15. MeteoalarmCard

    Meteoalarm, Météo-France and DWD severe weather warnings card for Home Assistant Lovelace UI ⛈️

  16. my-cards

    Bundle of my custom Lovelace cards for Home Assistant. Includes: my-slider, my-slider-v2, my-button

  17. lovelace-fan-xiaomi

    Xiaomi Smartmi Fan Lovelace card with CSS fan animation

  18. linak-desk-card

    Home Assistant Lovelace Card for controlling desks based on linak bluetooth controller.

  19. rain-gauge-card

    A Lovelace card that shows the rain gauge for Home Assistant

  20. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Lovelace discussion

Log in or Post with

TypeScript Lovelace related posts

  • I just bought pitaya. It is pink and tastes good

    1 project | /r/notinteresting | 1 Jul 2023
  • A small update of previous dashboard

    1 project | /r/homeautomation | 27 Mar 2023
  • Is there any solution so that Plexamp Headless can control the power and volume of the audio device its connected to?

    1 project | /r/plexamp | 11 Mar 2023
  • Home assistant weather

    2 projects | /r/smarthome | 15 Dec 2022
  • As someone who is just starting home automation, should I wait for Matter

    1 project | /r/homeautomation | 20 Feb 2022
  • On my Lovelace dashboard, why can't I move cards around where I want them (no drag and drop)? Why do the cards load in random order each time I load the page? It is driving me crazy. Any tips on what I'm doing wrong?

    1 project | /r/homeassistant | 27 Feb 2021
  • Google calendar

    1 project | /r/homeassistant | 15 Feb 2021
  • A note from our sponsor - SurveyJS
    surveyjs.io | 9 Jul 2025
    Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more. Learn more →

Index

What are some of the best open-source Lovelace projects in TypeScript? This list will help you:

# Project Stars
1 lovelace-mushroom 4,304
2 mini-media-player 1,629
3 apexcharts-card 1,464
4 vacuum-card 1,036
5 scheduler-card 1,033
6 nspanel-lovelace-ui 952
7 atomic-calendar-revive 525
8 slider-button-card 462
9 decluttering-card 419
10 purifier-card 311
11 restriction-card 299
12 formulaone-card 202
13 MeteoalarmCard 154
14 my-cards 143
15 lovelace-fan-xiaomi 76
16 linak-desk-card 65
17 rain-gauge-card 48

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?