Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
Hi,
I'm testing tailwind UI before buying their full component package.
When copying the code from the free component, you got the option to get the component for REACT, VUE or HTML.
Using blade / livewire in my project, i choose HTML.
The problem is that the dynamic part of the component (dropdown...) is not include. They only gave you some indications in comments on the class and transitions but you have to write yourself the alpine code to implement the dynamic part of the component (showing / hiding with transitions).
I do not understand why they don't give us the all thing, including the alpine part.
It defeats the all point if you buy components that are not plug and play.
Thx for your hints, i must have missed something here.
@seb_run No, you are right. They don't provide JS part which is interactive. I have the same feelings after purchasing it because I cannot use all the components as plug-and-play.
According to me, the main reason is that they focused on the pure CSS part (tailwind) to make it cleaner.
To be honest i've been a happy customer of TailwindUI and always been using it with Vue since I use InertiaJS. Now I started on a Livewire project and been using it so far, surely you have to do a little more work to get dynamic components working but it is not the end.
Tailwind UI is not a copy paste full solution, it still requires a bit of work to make it the way you like. I'm quite curious now since Livewire has been becoming more and more populair and is on the way of becoming a Laravel first party package if they will implement support for it.
The only thing I would see as a problem is that you have multiple files with your HTML and Livewire logic and as far that I know all the components now are single file code.
Thx all for your feedbacks. At least, i was not missing anything ;)
It seems that only the HTML code provided by tailwindUi need to be completed to add any dynamic beahvior, as far as i understand, REACT and VUE seems to be plug and play. They mention that you have to add alpine JS code only for HTML in their doc.
I agree that it is totaly doable to manually add the alpine code, it took me 15 minutes to manage to add the dynamic behavior on the profile dropdown component, just showing / hiding. I'm new to alpine.
But my implementation is quite stock, as stated in the doc, you have to manage extra step to take care of accessibility consideration and keyboard browsing. I'm more a back-end dev so i'd prefer some plug & play component.
Again, i do not understand why they don't provide the all things, including ALPINE code, in the HTML.
You already have alpine enable and all the alpine code is inline the HTML so it would be quite easy for them in my optinion... All examples in their docs are fully functionnal, including the dynamic part.
Please or to participate in this conversation.