I just watched the video on how to use Tailwind UI components inside Elements and... wow, I’m seriously impressed.

I always assumed adding Tailwind UI components to a visual site builder like Elements would be a pain. But it’s so much easier than I expected. No hacks, no complicated setup, just clean Tailwind code and a few smart custom component tricks.

After following the video, I copied a Tailwind UI component (I used one of the cards) and pasted it directly into a new custom component in Elements. Then I added a couple of @text() and @dropzone() directives — and that was it. I could drag and drop it into any page, update the text and images visually, and reuse it anywhere I wanted.

This feature unlocks a whole new level of flexibility for me. I’ve always loved Tailwind for its design consistency, and now I can bring that power directly into Elements without giving up the visual editing experience.

If you haven’t tried it yet, do it now. Watch the video, grab your favorite Tailwind UI component, and give it a go in Elements. You’ll be amazed how well it works.