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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (58)


looking forward to it. do you have time frame ?



I waited to long for tailwind version



Hi happy,

Yes, it's going to be a great version with in-house fully native tailwind plugins(buttons, forms, badges, tables, progress, etc) and components(ktmenu, ktaccordion, kttabs, ktmodal, ktdrawer, kttoggle, ktselect, ktdatepicker 40 more in progress).

Stay tuned!

Regards.



Has the release date of Tailwind version been set?



Make a Tailwind version with Vite, not Webpack...



Hi happy,

Sure, we can provide both versions. That's in the plan.

Regards.



Amazing stuff! I also hope in a better and updated Rails version, with the new asset pipeline.



What about a Nuxt.js version?



Hi,

Nuxt.js we will consider after releasing Next.js + Tailwind + MUI Base.

Regards.



Any idea when this will be available for downlod?



Hi,

We are currently fully focused on this and doing our best to release it ASAP in a few months. In this revamp every single element of templates will be fully designed in Figma. It's gonna be a huge work in UI and coding as well.

Regards.



need the next.js version asap!



Hi happy,

It's going to be Next.JS + MUI Base + Tailwind stack!

Regards.



Looking forward to Next.js!



Hi,

Sure, planning to release Next.JS + MUI Base + Tailwind stack as well once we release the base Tailwind HTML version.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(