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

How to Integrate Provided Demos for Metronic 9 in Vue?


First of all thank you for the theme.

The question arises that how to implement the demos from this page: https://keenthemes.com/metronic/tailwind/docs/ ?

There's React and HTML but not Vue. Does that really mean one needs to fully convert everything from the downloaded dist/ folder for specific demo into Vue manually?

I see you have the mini CMS but I already bought the theme meaning these demos at least should be available in Vue as well?



Best wishes!


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,

Metronic 9 does not have native Vue version. However you can use Metronic 9 HTML/JS in your Vue app by referring out integration guide https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/vue and starterkit app for demo1 https://github.com/keenthemes/metronic-tailwind-html-integration

Regards,
Sean



Furthermore it doesn't explain essentially anything how to start integrating the Demos from HTML, missing scripts and a lot more. I followed your exact tutorial and got the demo running but what now? The docs doesn't say how to start with the components, dashboards and other pages in general. At this state the version 9 is broken in my honest opinion.



Hi,

The above starterkit shows how those html/js features can be moved into vue app and initialzie it. Other pages you can copy and paste and use as you go. However we don't have a full vue version of Metronic 9 Tailwind.

If Metronic 9 Tailwind does not meet your requirements you can request a refund via https://themeforest.net/refund_requests/new

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