New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Metronic's Roadmap for 2024


Dear Community,

Metronic Evolution is on the way! Redesigned UI, dark mode, MUI Version with Next.js, Vite, Typescript, and a rich component library, plus Tailwind Version with Webpack support and versatile components.

Complete Redesign. Revolutionary redesign with new UI, dark mode, user onboarding, profiles, and more.

  • UI Kit: Complete revamp.
  • Profiles: 10+ diverse options.
  • User Onboarding: Multiple options.
  • Account Settings: 30+ pages.
  • Profile Pages: Over 10 layouts.
  • User Management: Fully reimagined.
  • Community Section: Enhanced interaction.
  • System Pages: Innovative approach.
  • All new Dark mode.


React MUI Version:
  • Next.js support.
  • Vite support.
  • Typescript version.
  • Javascript version.
  • Back-end API.
  • JWT, Auth0 & Firebase.
  • Feature-rich CRUD.
  • 500+ components.
  • Multi-demo concept.
  • Dark & RTL versions.


Tailwind version:
  • Webpack support.
  • 50+ in-house plugins.
  • 500+ components.
  • Frameworks Compatibility.
  • Multi-demo concept.
  • Dark & RTL versions.


<img src="https://i.imgur.com/kBwRhz1.png" class="w-100">


Stay tuned. ;)
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 (56)

Deleted comment

Expert mobile car inspection Melbourne services for pre purchase car inspection, full vehicle check before buying, and on-site vehicle inspection. pre purchase car inspection



Expert mobile car inspection Melbourne services for pre purchase car inspection, full vehicle check before buying, and on-site vehicle inspection.pre purchase car inspection



Expert mobile car inspection Melbourne services for pre purchase car inspection, full vehicle check before buying, and on-site vehicle inspection.pre purchase car inspection



Great to see the roadmap preview for Metronic 2024! The upcoming focus on performance optimizations and new UI components really shows how you’re prioritizing developer experience and usability. It’s impressive to see a platform evolve while remaining flexible and forward‑thinking.
If you're also interested in community-building and social development projects, feel free to check out my latest article here:



Excited to see the upcoming Metronic 2024 roadmap. It’s always impressive how consistently new features are introduced to improve flexibility and performance. Looking forward to the UI/UX updates!
If you are also interested in community-focused initiatives and development projects, feel free to visit my website:


Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment

Thanks for sharing such valuable content. This platform is a great resource for tracking live USD to EGP rates in the open market. Whether you're monitoring currency trends or planning an exchange, it provides up-to-date data and helpful tools to make informed decisions.


Deleted comment
Deleted comment
Deleted comment

You should add a landing page on all the technologies first that's need of an hour now happy



Hi Sean
We purchase the theme but almost nothing in the folders. We would appreciate some help before we request refund to find alternative.

themeforest-JtoZaYRh-metronic-responsive-admin-dashboard-template.zip



Awesome news!



Hello Sean!

Will the UI revamp be for Metronics 9 (Tailwind) only or also for the Bootstrap version?



Hey Sean,

I see that the HTML Tailwind version has entered a closed beta, but your community is anxiously awaiting the release of the MUI / Tailwind / NextJS version of Metronic. Most of us are developers, too, so we can all understand how hard it is to give a specific timeline on a huge release like this. However, the previously estimated "Q1 2024" and "Mid-May" release windows have come and gone, so can you give us some type of idea what the status of this version is so that we're not just "waiting in the dark"?

Also could you please clarify:
- Is the NextJS version going to be MUI via Tailwind?
-- If not, will there be a NextJS/Tailwind version?
- Is this product the same as Metronic Nest?

Metronic is hands-down the best admin dashboard template I've ever seen, so please tell your team to keep up the good work!



Hi,

Yes, those estimated plans were quite hard to achieve but we have been working hard till now.

Our Metronic Tailwind MUI will be based on the Metronic Tailwind HTML style and markup but it will use fully native react components(in-house) and MUI Base UI as well. After Delivering The Metronic HTML Tailwind by June we will prepare the Metronic Tailwind MUI. So it's coming and a big team working on it.

Metronic Nest is another product, a starter kit, that we have been working on with a partner team so it will use Metronic's new design but own next. js-based app with a fully functional backend.

Regards,



Awesome to hear! Thank you for the clarification and the updates. Excited to see what you have in store!



Hey Team,

Any progress update on the new design and release date?



Hi happy,

Sure, we are preparing it for release and it should be out in a few weeks. If you like to be a beta tester of Metronic Tailwind HTML please contact us via support@keenthemes.com

Regards.



The Tailwind template will be based on Tailwind v3 or the upcoming v4?



Hi,

In the meantime, it will be based on 3. x since the official release of v4 is unknown. But the v3 -> v4 migration should be quite smooth.

Regards.


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