Support Tailwind v4?

[somethingxdev]

is it possible to use preline with the new tailwind v4?

[nijkor]

try this:

@import "tailwindcss";
@source "node_modules/preline/dist";

must work

[robinsonjohn]

I'm also curious when support for Tailwind v4 might be coming. I understand it is still in beta, but is there a roadmap for when this may roll out?

[BALOTIAS]

If you’re looking to get PrelineUI up and running with Tailwind CSS v4, I’ve got you covered (at least I hope so). As far as I can tell, the only thing standing in the way was an update to PrelineUI’s Tailwind plugin. So, I took a crack at it — check out my PR here:
#554

In short, use my PR as the preline package and adapt the new css config like this:

package.json

  ....
  "dependencies": {
    ...
    "preline": "github:BALOTIAS/preline-tw-v4",
    "tailwindcss": "^4.0.0-beta.9"
  }

CSS

@import "tailwindcss";

/* Adds preline source files and plugin as described in the old tw quick setup example,
   only updated to the new tw v4 syntax: https://preline.co/docs/index.html */
@source "preline/dist"; /* <- not sure if it should point to the directory instead: "../preline/dist" */
@plugin "preline/plugin"; /* Uses newish shorthand syntax from https://github.com/BALOTIAS/preline-tw-v4 */

Here is the example repo of the PR: https://github.com/BALOTIAS/preline-tw-v4-example

Give it a whirl and let me know how it goes! <:9