Hey guys! Thinking about the discomfort and complication that are common during the development of custom cards for our dashboards and at the same time fascinated with the potential of TailwindCSS, an incredible tool that I discovered a few months ago, I started to research and experiment with ways to be able to use TailwindCSS with Home Assistant.
At first there were several unsuccessful attempts, but it was a matter of searching with the right keywords to find the right path to follow.
Eventually, I got to the point where I am now, very excited about what I built and hopeful that more people will start using TailwindCSS, which I believe could be a game changer in custom card development, due to the ease and agility of development and maintenance.
I would like to announce to everyone the “TailwindCSS Template Card”, a custom card whose functionality the name already says: render templates (HTML with Jinja) with TailwindCSS!
Still don’t understand how exciting this is? Take a look at the gif below that demonstrates real-time rendering of HTML templates with TailwindCSS . Also check out the examples I added in the project’s README.