TailwindCSS Template Card
usernein
Sur Home Assistant 2026.11 ou une version ultérieure ? L’ouvrir dans la Marketplace
- Étoiles GitHub
- 70
- Maintenance
- Aucune mise à jour depuis plus de 18 mois
- Version
- v3.1.1,
- Type
- Carte de tableau de bord
- Prérequis
- Nécessite la Marketplace (HACS sur Home Assistant 2026.10 et les versions antérieures)
- Problèmes
- Signaler un problème
Annuaire indépendant, créé par le développeur de Vulpo. Non affilié à Home Assistant ni à l’Open Home Foundation.
Captures d’écran Extraites du README de usernein/tailwindcss-template-card.
À propos
TailwindCSS Template Card est une carte de tableau de bord qui affiche du HTML mis en forme avec des classes TailwindCSS. Elle permet de créer des mises en page personnalisées sur un tableau de bord Home Assistant en écrivant directement du HTML dans la configuration de la carte. La mise en forme provient des classes TailwindCSS, qui offrent aussi des mises en page adaptatives qui s'ajustent aux différentes tailles d'écran. Des éléments interactifs peuvent être créés avec du CSS à l'intérieur du code HTML. Le rendu des classes repose sur Twind, que le README cite comme la raison pour laquelle la carte est possible. Elle s'installe via HACS comme dépôt personnalisé, ou en copiant les fichiers manuellement.
Résumé automatique du README de usernein/tailwindcss-template-card, traduit automatiquement. Une erreur, ou tu maintiens ce projet et tu veux ton propre texte ici ? Prendre contact
Prise en charge
Depuis la Marketplace S’installe depuis la Marketplace, anciennement HACS.
Mise en place
Installe-la depuis la Marketplace, puis ajoute une carte de ce type à un tableau de bord.
Extrait du 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
Informations
- Étoiles GitHub
- 70
- Maintenance
- Aucune mise à jour depuis plus de 18 mois
- Version
- v3.1.1,
- Type
- Carte de tableau de bord
- Prérequis
- Nécessite la Marketplace (HACS sur Home Assistant 2026.10 et les versions antérieures)
- Problèmes
- Signaler un problème
