Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Nuxt tailwind version


Hello,

Our platform currently uses the Metronic Bootstrap Vue version, and we’re planning to rebuild it using Nuxt. We also want to switch to the Tailwind version of Metronic. The documentation available at this link provides guidance for integrating it with Vue, and with some adjustments, we can make it work for Nuxt.

However, I wanted to ask if there are any plans for a dedicated Nuxt version of Metronic with Tailwind—similar to the current React version, but more advanced and fully optimized for Nuxt? If so, could you share a roadmap or expected release date for that version?

Thank you!


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 (3)


Hi,

Glad to hear that you managed to use Metronic for your Next project.
We don't have plans for a Nuxt.js version at the moment as we mainly focus on the design and HTML/JS version of Metronic 9 Tailwind. However, we may provide a Nuxt integration guide in the near future.

Regards,
Sean



Thank you for your response! So, we just need to integrate Nuxt ourselves. However, I’m encountering an issue with demos. Currently, only the Demo1 is available in the app/layouts and css/demos folders. How can I access and use the other demos?



Hi,

I want to apologize for the late reply.

Only the demo1 has a separate layout style file other demos only require the primary assets/css/styles.css file.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(