tailwind-merge VS tailwindcss-intellisense

So the library I use is tailwind-merge, which is a class that eliminates conflicts between classes when using Tailwind. So I created the following utility function.

clsx is a tiny utility for constructing className strings conditionally, I use it in conjunction with tailwind-merge which merges Tailwind CSS classes without style conflicts.

I searched for a solution, and I found tailwind-merge which is written in JavaScript. Basically it finds conflicted classes and resolve the conflict. For example:

I would suggest you to use CVA and tailwind-merge.

Hey everyone! I built an open source library called tailwind-merge which helps with resolving style conflicts in CSS class strings. → https://github.com/dcastil/tailwind-merge

I used tailwind-merge and cva to build my UI component library Rewind-UI.

I use Tailwind + Next.js on most of my projects. Usually I add the following to the mix: - RadixUI+ tailwindcss-radix or HeadlessUI although I like Radix more - classnames - https://tailwindcss.com/blog/automatic-class-sorting-with-prettier - tailwind-merge - CSS Modules

I'm using Tailwind CSS and I'd like to integrate a library called tailwind-merge into my Vue app. I'd like the plugin to replace Vue's class appending behavior so that all components in my app have their Tailwind utility classes merged to prevent style conflicts. It may not be everyone's preferred solution to such a problem, but I think it's a very valid use cases for this sort of thing.

It'll autocomplete classes in CSS with @apply, but it won't autocomplete custom classes from CSS in HTML

For fixing the tailwind's lsp we have to change some of the codebase of tailwind's lsp to make fix this issue for Neovim.

I don't have a full answer, but share your frustrations. This isn't easy to do until Tailwind support ES Modules [1] [2].

Seems others have had bad perf with tailwind lsp: https://github.com/tailwindlabs/tailwindcss-intellisense/issues/444

It should work now: https://github.com/tailwindlabs/tailwindcss-intellisense/pull/656 , you can see there was a problem: https://github.com/helix-editor/helix/issues/2213 but it was solved.

I don't know that. I actually don't have much experience with this kind but the language server code is available here.

I want to get LSP support when using tailwind-rn, but I cannot get the custom regex to work like described here.

You can install it by npm now https://github.com/tailwindlabs/tailwindcss-intellisense/tree/master/packages/tailwindcss-language-server and it's working.