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

Metronic 9 Angular


What is the timeline to have an angular version?

I want to migrate my metronic 8 project to tailwind. Also I'm about to start a new angular project and I'd like to understand if wait is something that I can consider.


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


Developers must be aware of the Angular version to guarantee compatibility and peak performance. People who work on front-end projects, particularly in the IT sector, frequently turn to professionals who provide CV writing services to successfully showcase these skills and make an impression in competitive job markets.



Angular 17 is out, but if you’re thinking of starting fresh, waiting for Angular 19 might be a good idea for the latest features. Migrating from Metronic 8 to Tailwind could take some effort, but it’ll modernize your UI. As a professional logo designer, this approach can help you create more dynamic and scalable designs.



If you're also starting a new Angular project, you have two options: you could begin with a basic Angular setup and integrate Tailwind CSS from the start, which is generally the cleaner approach. Alternatively, you could wait for a fully integrated Metronic 11 (or later) version built with Tailwind. However, waiting might not be the most efficient use of time, as you can start your new project immediately and leverage the benefits of Tailwind from the outset. The migration of your existing Metronic 8 project can then be tackled separately. If you need to collaborate with a team and share progress, consider using an online notebook printing service to maintain physical records of design decisions and migration steps, ensuring everyone is on the same page throughout the process.



Hi Felipe Castro,

Metronic 8 uses Bootstrap, while Metronic 9 uses Tailwind. Migrating your Metronic 8 project to Metronic 9 would require a complete rewrite for the new theme.

In Metronic 9, we will not provide an Angular starter kit. However, we will offer a guide to help you integrate the new styles with your new Angular project.

Best regards.



Will I be able to start a new Angular 18 project using the Metronic 9 theme? Will the components easily work with it?


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