Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Metronic 9 Tailwind React Version - Beta Access


Hey Metronic Community!

We're thrilled to announce the Beta Testing phase for our upcoming Metronic 9 Tailwind React + Base UI version!

This is your chance to get an exclusive first look at the latest evolution of the Metronic 9 React Toolkit and help shape its future.

What's New?


Metronic 9 comes to React in a 100% native way, combining the flexibility and efficiency of Tailwind CSS and MUI Base. We've integrated our exclusive in-house developed React components such as Menu, Accordion, Scrollspy, Datatable, and more to provide a solid foundation for your React projects.

Key Features:


  • Fully Native React Implementation: Built entirely with React components and hooks with Vite.
  • TypeScript & JavaScript: Separate versions for TypeScript and JavaScript users. We cover you all.
  • Next.js Support: After this initial release, we will provide the full Next.js version ASAP.
  • Support Full HTML Version Features: Porting the entire Metronic 9 Tailwind HTML version features. That is a 1-to-1 replica in terms of design and functionality.
  • Tailwind CSS Integration: Leverage the power of utility-first CSS for rapid UI development and easy customization.
  • MUI Base Components: Utilize unstyled Material-UI components, allowing for complete control over styling and theming.
  • Advanced In-House Components: Our new Metronic React Menu component is a highly versatile navigation solution that caters to all modern app requirements.
  • Robust Core App Solutions: Fully customizable applications with advanced adapters, context managers, and hooks designed for modern web app needs.
  • Authentication: Secured authentication solution with account sign-in and registration via JWT, Firebase, and Auth0 providers.
  • Enhanced Performance: Optimized for speed and efficiency to provide a smooth user experience.

Beta Tester Requirements:


  1. Valid Metronic License: You must have a valid license from Envato Market.
  2. Experience with React and Tailwind CSS: Familiarity with React and Tailwind CSS will help you provide valuable feedback.
  3. Active Participation: We need testers who are willing to use the toolkit actively, provide detailed feedback, and report any issues they encounter.
  4. Feedback on New Components: Specifically, we're looking for insights on our new components like the Metronic React Menu, Accordion, Scrollspy, and Datatable.



Live Preview:


Demo 1
Demo 2


How to Apply:


Please email us at support@keenthemes.com and include your Metronic license code purchase from Envato Market.

What's in It for You?


  • Early Access: Be among the first to experience Metronic 9 React and its new features.
  • Influence Development: Your feedback will directly impact the final release, helping us tailor the toolkit to developers' needs.
  • Exclusive Support: Receive dedicated support during the beta phase.


Join us in shaping the future of Metronic 9 React Toolkit!

Regards,
Keenthemes Team
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 (4)


This is fantastic news! The combination of React, Tailwind CSS, and MUI Base in Metronic 9 sounds like a powerful setup for modern web development. I'm especially excited to see the fully native React implementation and the integration of advanced in-house components like Menu and Datatable. The inclusion of both TypeScript and JavaScript versions, along with Next.js support, shows a lot of flexibility for different project needs. Looking forward to testing the beta and contributing feedback—this looks like it will be a game-changer!



Hi happy,

We will start the beta release in the coming days and are making final preparations. The React Menu and DataGrid components will enable all the advanced menu and data table features seen in the HTML version.

We will provide full TS/JS versions in 2 separate folders, everyone is covered happy

In the coming weeks, we will deliver the TS/JS versions for Next.js as well.

Regards,
Sean



Hi Sean,

I'd love to try it out. I was looking for a beautiful theme for a web application. Then, I saw Metronic. Looks awesome ! But I was looking for a complete React components librarie. So, if i purchase a license, can i get access to beta ? And all the components are React ready (I mean, the full HTML Tailwind version is converted to React components) ?

Thank you !



Hi,

Yes, it will be 100% 1 to 1 with the HTML version features.
Metronic 9 Tailwind React will come with complete React components such as Modal, Tabs, Menu, Scrollspy, DateGrid(local and remote data source, pagination, sorting, filter, etc), and all the UI elements from the original Metronic 9 design.

Please check the online preview:

Demo 1

Demo 2

You can purchase Metornic from Themeforest and contact us via support@keenthemes.com to get the beta version.

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