Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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


This roadmap looks really impressive—especially the focus on modern stacks like Next.js, Vite, and Tailwind along with dark mode support. Excited to see how these updates improve development workflow and flexibility. Also, for those interested in saving on food while working on projects, this hungry jacks voucher guide can be useful.



hello dk999-games.com



This overview of Metronic’s 2024 roadmap shows some thoughtful planning and a real focus on long-term usability, with features that seem designed to make developers’ lives easier rather than just chasing trends. I especially liked how the team is prioritizing scalability and flexibility — that’s the kind of forward-thinking that can keep a product relevant and reliable as user needs evolve. It reminds me a bit of the spirit behind **Esta Beca Rita Cetina**, where clear goals and well-structured support help students build towards something bigger without unnecessary hurdles. When a roadmap is this intentional, it gives everyone more confidence in what’s coming next. Which upcoming feature from Metronic’s 2024 plans are you most excited to try first?



This roadmap looks incredible easily one of the biggest leaps forward for Metronic so far. The complete redesign, expanded UI kit, and deep focus on onboarding, profiles, and account settings show how much thought has gone into improving real-world app development workflows.

The React MUI + Next.js + Vite + TS stack is a huge win, and the addition of a backend API with Auth0/Firebase support will make it so much easier to build production ready apps out of the box.

Really excited to see the Tailwind version getting equal attention with 500+ components and full dark/RTL support. Amazing work can’t wait to try the new demos!


Deleted comment

This roadmap looks amazing! The dark mode and MUI with Next.js support are definitely the features I’m most excited about.


Deleted comment

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

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?


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