Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

metronic 9 tailwind v4 laravel error


tailwind 4.0 not working< I have tried to follow this
https://github.com/laravel/laravel/pull/6523/files


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Yes I did, As I said before problem is the tailwind.config.js file



Hi

Have you include the css file from /metronic-tailwind-html/dist/assets/css/styles.css?

The table style is bundled together in this css file.

Thanks



I am not using build file, I am using source file to build using vite.



Hi,

We will release Tailwind 4 official update soon. We are currently working on it. At the moment please consider using Metronic 9 Tailwind 3.x.

Regards,
Sean



Yes, I included files that downloaded from themeforest. The problem was in the tailwind.config.js file. It does not include some table and other plugin custom style. I copied the config from Vue integration and then it works. You may check my your self



Hi

Have you include the Metronic tailwind style, downloaded from Themeforest. The default laravel in the repo does not include style files from it.

Please refer to the readme file

https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel#readme

Thanks



I convinced to use tailwind v3, but now I am getting unstyled all plugins like table. I use default Laravel repo from GitHub (https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel)



Hi,

Metronic v9 currently does not support Tailwind v4 which is just released. Tailwind v4 has many breaking changes so we will need to release migrate release soon.

In the meantime please stick to v3.x of Tailwind instead.

Regards,
Sean


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(