Skip to content

Preline compatibilty with TailwindV4 #556

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
PruthviPraj00 opened this issue Jan 23, 2025 · 20 comments
Closed

Preline compatibilty with TailwindV4 #556

PruthviPraj00 opened this issue Jan 23, 2025 · 20 comments

Comments

@PruthviPraj00
Copy link
Contributor

Hi @olegpix,

I wanted to discuss the recent Tailwind CSS V4 release and get your insights on the upcoming changes. I've been experimenting with Preline alongside Tailwind CSS V4, but I'm encountering an issue with the plugin configuration. Specifically, when trying to include the Preline plugin using require('preline/plugin'), I'm finding that the current plugin approach seems incompatible with the CSS file setup.

Could you provide some guidance on the correct way to integrate Preline with the latest Tailwind CSS version?

Best regards

@jahaganiev
Copy link
Member

Just a heads-up, our team is actively working on ensuring compatibility, and the next Preline UI release will be fully compatible with Tailwind v4.0.

Additionally, we haven’t encountered any plugin compatibility issues so far; the changes primarily involve updated classes between Tailwind v3.x and v4.0. We’ll include a comprehensive migration guide in our documentation to help you make the switch smoothly.

Cheers!

@PruthviPraj00
Copy link
Contributor Author

Thank you for your response. I am looking forward to the upcoming release.

@joe-tito
Copy link

@jahaganiev Is there documentation on how to get this working with tailwind 4 yet? I don't see a guide anywhere on the website

@jahaganiev
Copy link
Member

Hey @joetito1 - it's not out yet. We will include the detailed needed info to migrate Tailwind v4 once it's out.

@red2678
Copy link

red2678 commented Feb 15, 2025

Any update? Sorry, I just got all the way through a migration to get here. My bad for not checking the first oc. I'm not trying to rush; just wondering about the status. Ty!

@jahaganiev
Copy link
Member

Hey @red2678 - It's internally ready, and we're currently running final tests. We expect it to be released by the end of this month.

@jahaganiev jahaganiev reopened this Feb 15, 2025
@duckeydev
Copy link

please have an unstable branch of preline and maybe even an untested version because well yes.

@ukodaniel
Copy link

I was greatly frustrated after hearing the mighty benefits of Preline but couldn't get it to work. Today, it took me an entire 9hours figuring out how to implement Preline UI v2.7 with Tailwind v4, not knowing it's an error NOT from my novice experience 🥺🙄

@appeathoul
Copy link

I'm very disappointed that while all the other components have already been upgraded to Tailwind CSS v4, Preline still hasn’t provided support, so I’ve decided to replace all the Preline components

@porobertdev
Copy link

Someone found a (temporary?) solution: #518 (comment)

Plugin changes: BALOTIAS@b121e15#diff-b72c2a6d80daeb87d4852346d0f86bdb7c15f767737a0e1336a7070d9e31d271

I can confirm it works - tested with Astro 5.3

@matteotumiati
Copy link

@jahaganiev are you still targeting today or do you expect further delays?

@PruthviPraj00
Copy link
Contributor Author

I don’t see why everyone is in such a rush—Tailwind v4 was only released recently. Preline is an amazing headless library, and the team has already done a fantastic job. Let’s give them the time they need to refine things and introduce even more exciting features. Good things take time, and I’m sure they have some great updates in store for us!

@slagod
Copy link

slagod commented Mar 1, 2025

@PruthviPraj00 because people start new projects and it makes no sense to use Tailwind v3 right now.
I'm in a situation where I'm blocked by lack of v4 support in preline but I will wait.

Any update on release date?

@jahaganiev
Copy link
Member

Hey everyone, it should be out within a few days - apologise for the delay.

Cheers!

@jisidrojv
Copy link

jisidrojv commented Mar 1, 2025

Hey everyone, it should be out within a few days - apologise for the delay.

Cheers!

That's great, thank you
You have nothing to apologize for, we should be grateful

I recently started experimenting with Tailwind, I'm coming from the vanilla model, HTML, CSS and JS
And when I found Preline I definitely wanted to use it in my developments with Tailwind 4
Thanks for the great work you are doing to give us this great library

@jisidrojv
Copy link

I'm very disappointed that while all the other components have already been upgraded to Tailwind CSS v4, Preline still hasn’t provided support, so I’ve decided to replace all the Preline components

You're retarded, right?
How many tens of thousands of dollars are you investing in Preline development?
If you don't like it, go and make your own library and then tell us about it

You're probably a selfish individual from a primitive place where they still live in caves
and don't know how to appreciate the work and effort of others, those who believe they
deserve verything they receive without even saying thank you, amazing

@Danish-7786
Copy link

I am using laravel but my javascript is not working in laravel I have configured all the installed steps
what to do now

@markbluhm
Copy link

I am using laravel but my javascript is not working in laravel I have configured all the installed steps what to do now

Image

@jahaganiev
Copy link
Member

jahaganiev commented Mar 4, 2025

Hey everyone! Preline v3.0 is live with full Tailwind v4 integration. 🚀

Next, our team will focus on open Github Issues/PRs and updates for Framework Guides.

Cheers!

@jisidrojv
Copy link

jisidrojv commented Mar 4, 2025

Hey everyone! Preline v3.0 is live with full Tailwind v4 integration. 🚀

Next, out team will focus on open Github Issues/PRs and updates for Framework Guides.

Cheers!

Great, thank you
It's time to try it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests