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:
- Valid Metronic License: You must have a valid license from Envato Market.
- Experience with React and Tailwind CSS: Familiarity with React and Tailwind CSS will help you provide valuable feedback.
- Active Participation: We need testers who are willing to use the toolkit actively, provide detailed feedback, and report any issues they encounter.
- 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
Replies (8)
I’m particularly curious to see how the new components like Scrollspy and Datatable perform in real-world applications. Also, for those taking a break from coding, hopping on Snow Rider 3d for a quick breather could be a fun way to recharge! Can’t wait to see the community’s feedback help fine-tune this toolkit for the official launch. The Beta release of Metronic 9 Tailwind React looks like an exciting development for anyone working with React and Tailwind CSS! It’s great to see the team focusing on delivering a fully native React toolkit with features like advanced in-house components and the integration of Tailwind CSS. The combination of customization and performance optimization seems perfect for building modern web apps.
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 
,
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
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.
