Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

Metronic 8 on Angular to Metronic 9 tailwind


Hi,

What is the best practice for companies that have a Metronic 8.x application built with Angular and would like to upgrade to Metronic 9?

1. Is a complete rewrite required?

2. It does not seem that Metronic 9 will have Angular version support similar to React. What is the vision going forward for Metronic 9 and Angular, if any?

Appreciate your guidance,
Ziv



Thank you
ZIv


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


Hi

Hi Ziv,

Thanks for reaching out.

Metronic v8 is built with Bootstrap, while Metronic v9 is fully based on Tailwind CSS. Because of the fundamental differences between the two frameworks, they aren’t compatible side by side. Moving from v8 to v9 would require a full rewrite.

Currently, Metronic v9 doesn’t include a dedicated Angular version like we did in v8. However, we are considering bringing Angular support to v9 in the future, depending on user demand.

In the meantime, if you're looking to use Metronic v9 with Angular, you can follow our integration guide here:

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angular

Let us know if you have any other questions!

Thanks


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