TailwindCSS Template Card
usernein
Nutzt du Home Assistant 2026.11 oder neuer? Im Marketplace öffnen
- GitHub-Sterne
- 70
- Pflege
- Seit über 18 Monaten kein Update
- Version
- v3.1.1,
- Art
- Dashboard-Karte
- Voraussetzung
- Braucht den Marketplace (HACS bis Home Assistant 2026.10)
- Probleme
- Problem melden
Unabhängiges Verzeichnis, erstellt vom Entwickler von Vulpo. Steht in keiner Verbindung zu Home Assistant oder der Open Home Foundation.
Screenshots Aus der README von usernein/tailwindcss-template-card.
Überblick
Die TailwindCSS Template Card ist eine Dashboard-Karte, die HTML darstellt, das mit TailwindCSS-Klassen gestaltet ist. Sie bietet eine Möglichkeit, eigene Layouts auf einem Home Assistant Dashboard zu bauen, indem du HTML direkt in der Konfiguration der Karte schreibst. Die Gestaltung kommt von TailwindCSS-Klassen, die auch responsive Layouts liefern, die sich an verschiedene Bildschirmgrößen anpassen. Interaktive Elemente lassen sich mit CSS im HTML-Code erstellen. Das Rendern der Klassen beruht auf Twind, das die README als Grund nennt, warum die Karte möglich ist. Sie wird über HACS als benutzerdefiniertes Repository installiert oder indem du die Dateien manuell kopierst.
Zusammenfassung der README von usernein/tailwindcss-template-card, automatisch erstellt und übersetzt. Stimmt etwas nicht, oder betreust du das Projekt und möchtest hier deinen eigenen Text? Melde dich
Unterstützt
Aus dem Marketplace Wird über den Marketplace installiert, früher HACS.
Einrichtung
Installiere sie aus dem Marketplace und füge dann eine Karte dieses Typs zu einem Dashboard hinzu.
Aus der README
The TailwindCSS Template Card is a custom card for Home Assistant that allows you to write HTML code using TailwindCSS classes and render it beautifully in the Home Assistant dashboard. This card provides flexibility in designing custom interfaces within Home Assistant, allowing you to create visually appealing and interactive elements.
- HTML Rendering: Write HTML code directly in your Home Assistant configuration, utilizing the power of HTML and TailwindCSS.
- TailwindCSS Classes: Use TailwindCSS classes to style your HTML elements, giving you access to a wide range of pre-built styles and responsive design options.
- Responsive Design: Leverage the responsiveness of TailwindCSS to create layouts that adapt to different screen sizes and devices.
- Interactive Elements: Create interactive elements with CSS within your HTML code, enhancing the user experience of your Home Assistant dashboard.
- Real-time Preview: Write your HTML code with TailwindCSS classes and instantly see it rendered with the power of Twind.style
Informationen
- GitHub-Sterne
- 70
- Pflege
- Seit über 18 Monaten kein Update
- Version
- v3.1.1,
- Art
- Dashboard-Karte
- Voraussetzung
- Braucht den Marketplace (HACS bis Home Assistant 2026.10)
- Probleme
- Problem melden
