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


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.



any plans for Laravel starterkit to pass from version 10 to version 11?



- These 500+ components will be nextjs or regular html happy
- And may I know the nextjs version release date?



Hi happy,

Will be available for the HTML version first and can be reused for React, and other frameworks as well. Our core components will be written in typescript and can used by any framework.

Regards.



- These 500+ components will be nextjs or regular html happy
- And may I know the nextjs version release date?



Hi Sean,

Always excited about new features in Metronic.

Hope it's gonna be here soon happy

Can't wait.

Take care.



Where's Blazor



Dou you have some tutorial for Symfony AssetMapper?



Please Tailwind + Vite



Hi, is there any update to this topic, like a specific release-date?



I wish the tailwind version works good with PrimeVue Tailwind.



Which version will be the primary ? vanilla html + tailwind or the next.js one ?



Has the release date of Tailwind version been set?



Hi happy,

We are working hard to release it in the coming months. Stay tuned!

Regards.



Hi, same question, any release time?



Any love for Vue? happy


Deleted comment

Editable HTML Table please..



Has the exact release date of nextjs been set?



Hi,

It's hard to confirm the ETA yet. We will keep everyone posted on this once we are close the release date.

Regards.



Will the new design for Boostrap too or only for tailwind?



Hi,

Yes, we are planning it for Bootstrap as well once we release it for Tailwind first.

Regards.



Is there a way to access tailwind beta now? I need it yesterday lol



I would like an Asset mapper version for Symfony, could that be a thing ?



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.


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