The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

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
Demo 3
Demo 4
Demo 5
Demo 6
Demo 7
Demo 8
Demo 9
Demo 10


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


Metronic anunció la beta de su nueva versión Metronic 9 Tailwind React, totalmente nativa en React e integrada con Tailwind CSS y MUI Base. Los usuarios con licencia pueden acceder antes que nadie, probar componentes como Menu, Accordion y Datatable, y enviar comentarios para mejorar el lanzamiento final. Para más recursos útiles, también puedes visitar calculadorapaypaloficial.com/
.


 
Deleted comment
 
Deleted comment

Thanks for the opportunity! I'm excited to explore Metronic 9 Tailwind React and test its new components. I’ll actively provide feedback and help shape the final release.

You can also check out my project at playtruckultimate.com


 
Deleted comment
 
Deleted comment

Hi, I added Metronic 9 Tailwind React inside my laravel backend app. But now I want to set react demo 8 layout. How to do this?

Please help me about it anyone!



Done the issue. Demo component has inside layout folder



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
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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.