How to write HTMX with Tailwind Css and Shadcn UI?

2.1k Views Asked by At

I found out HTMX seems to be able to replace JavaScript in the client side.

Currently I have a NextJs(ReactJs) project, and how can I convert such a project into HTMX based project while keeping Tailwind and ShadCn UI ?

1

There are 1 best solutions below

1
On BEST ANSWER

According to ShadCn UI Docs at https://ui.shadcn.com/docs, quote: "You can use any framework that supports React. Next.js, Astro, Remix, Gatsby etc.", so ShadCn UI cannot be used with Leptos yet...

But you still can use Tailwind with Leptos:

If you use JS/TS: use HTMX + Astro fullstack + Tailwind

OR HTMX + Bun + Elysia + Turso(databases)

If you use Rust: use... HTMX + Leptos fullstack + Tailwind

Quote from https://leptos.dev/: "Tools like Tailwind integrate with Leptos perfectly..."

or HTMX + Axum backend + Askama HTML templating