I have been doing next.js for fe stuff for the past couple years and alpine does 90% of what I want and doesn't take over the whole app

My demo apps with Alpine/htmx have been 1/3 as much code as it would have been to do with react + drf

yeah I use react + drf at work, admittedly fumbling my way through the frontend stuff (I'm way more of a backend developer) and its a ton of work to get everything plumbed together and working

Is there any desire to make a hotwire like lib that uses htmx?

Hotmx

Just on the name alone it should be built, doesn't matter if it meets a demand the name is too good 😄

hotmax

hxwire

For those that have used hyperscript and Alpine.js with TailwindCSS. Is hyperscript good for "microinteractions" like tab selection highlighting, toggle switch animations, transitions, etc.? Would the animations for the examples on https://tailwindui.com/ be easier to implement in hyperscript or Alpine.js, in your opinion? https://tailwindui.com/ uses Alpine.js. It seems like Alpine.js is more concise for this type of use case, but hyperscript would be more useful for more complicated user interaction. I haven't used hyperscript yet so I can't say. If nobody really knows I'll just test it out to see and report back. Just curious to see if anyone else has had the same dilemma.

I've been writing an ecommerce website using hyperscript with tailwind. So far it's been working together nicely

Microinteractions are one of the main use cases for _. Alpine fixes the "where's that event listener" problem, but does nothing about the DOM APIs.

I think alpine is better for larger components like data tables, because of x-for and reactivity. For microinteractions, you will need to manipulate the DOM directly a lot more, which is a dream in hyperscript.

Ahh okay. I need to familiarize myself with hyperscript then! Thanks for explaining.

I use TailwindUI pretty extensively for various projects. I'm already all in htmx. Would people be interested in an implementation of the TailwindUI components in hyperscript? I feel like that would be useful. I was gonna implement a few just to test hyperscript out and for my own use, might as well go all the way right?

I am using HTMX and alpinejs where alpinejs is for ui components and HTMX to query Django routes. I am not sure if I should include hyperscript in the mix or replace alpine with it.

If you already have alpine, _hyperscript would be bloat i think

It's like having both react and jquery

Misread your comment. I guess I will go ahead and implement some of those TailwindUI components in hyperscript and see what conclusion I come to. Should be fun.

@eager-tiger-27508 I am also using tailwindui but I think you don’t have the right to create a library out of it. https://headlessui.dev/, that one I think you can.

@gorgeous-airport-54386 yeah that’s what I was thinking

@bitter-dog-98292 hmm not even examples? I was thinking about that and you're probably right. I guess I'll just start with headless UI anyway since it's smaller. Maybe, if it seems like something people could use, we could reach out to TailwindCSS creators and see if they'd be interested in having hyperscript implementations of the TailwindUI components? Just an idea.

Could make hyperscript more popular and hyperscript users would be inclined to use TailwindUI since the code for the animations and transitions will be there once they buy TailwindUI.

Side by side with the Alpine.js implementations of course

@eager-tiger-27508 well you can do your library in private but you are not allowed to distribute it. For headlessui, You can since it’s open source. And you can test but from what I saw, people proposed for svelte but they refused. Probably because money.

Even alpinejs they refused. And both for headlessui and tailwindui

But nothing prevents you to make a tailwindcss ui library for hyperscript. It should not be a tailwindui copy paste.

@User Oh really? I guess that makes sense. It's just nice for people who use Alpine.js because they use Alpine.js for the animations on the TailwindUI website, so you have the CSS and an example of how to apply the animations, transitions, etc. that some of the components require.

@eager-tiger-27508 yes because before HTMX and Alpine I tried vuejs and svelte and yeah vuejs there is because they maintain react and vue but the rest is too much work so they said no. And even vanilla JavaScript is out of the table.

Of yeah they use alpinejs on tailwindui website ? So yeah it’s only because there are more react and vuejs users/hype so more easy money from people too lazy to code their own components

Yep. If you open dev tools on the TailwindUI website for the components you have access to, you can see the Alpine.js they use to implement the example. It's convenient for Alpine.js users.