Introducing ReUI: Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Home / Learn / Blog / Product Releases / Metronic 9 Tailwind React is LIVE

Metronic 9 Tailwind React is LIVE

By Sean on 5 months ago
Metronic 9 Tailwind comes to React 100% natively, combining the flexibility and efficiency of Tailwind CSS and MUI Base UI. We've integrated our exclusive in-house-developed React components, such as Menu, Accordion, Scrollspy, DataGrid, 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.


What is Next ?:

  • Next.js Integration: Full implementation for both JavaScript and TypeScript versions.
  • DataGrid Enhancements: Features like column visibility, drag-and-drop reordering, inline editing, and more.
  • RTL Support: Out-of-the-box support for right-to-left languages.
  • CRUD Solutions: Comprehensive apps with actions like add, edit, sort, filter, group, delete, and status updates, including real backend code.
  • eCommerce App: A fully-featured frontend and backend for eCommerce management.
  • User Management: Advanced user management with full ACL support.
  • Push Notifications: Seamless integration for alerts and system notifications.


Live Preview:


Happy coding with Metronic!

Thank you for being an essential part of our journey—your support drives us forward."

 

Sean
Sean | Keenthemes Team

Comments (4)

Aivon
5 days ago

VidText AI is a free AI-driven tool that transcribe video & audio to text quickly and accurately.Support 100+Languages, Generate Mind map, 15 Hour Uploads, over 99% Accuracy.Perfect for meetings, lectures, interviews, and content creators,helping you effortlessly transcribe video and audio to accurate and readable text and mindmap. VidText AI: https://vidtext.ai/

RohitI
1 week ago

If you’re a fan of online gaming and entertainment, Laser247 is the place to be! With easy Laser247 Login, you can dive into top gaming experiences and exciting challenges. Join now and take your online gaming to the next level! Visit: https://laser247club.co.in/

RohitI
1 week ago

If you’re a fan of online gaming and entertainment, Laser247 Club is the place to be! With easy Laser247 Login, you can dive into top gaming experiences and exciting challenges. Join now and take your online gaming to the next level! Visit: https://laser247club.co.in/

KishA
2 weeks ago

Reddy Anna Book is a trusted platform for sports enthusiasts, offering real-time updates and a seamless experience. With easy access through Reddy Anna Login and secure Reddy Anna Book ID, users can stay informed and enjoy a smooth experience. Visit: https://reddyannabook.agency/

Text format options
Here's a how to add some HTML formatting to your comment:
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li> or <ol><li> to make lists
  • <h3> or <h4> to make headings
  • <pre></pre> for code blocks
  • <code></code> for a few words of code
  • <a></a> for links
  • <img> to paste in an image (it'll need to be hosted somewhere else though)
  • <blockquote></blockquote> to quote somebody
  • happy :)
  • shocked :|
  • sad :(
Text format options
Here's a how to add some HTML formatting to your comment:
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li> or <ol><li> to make lists
  • <h3> or <h4> to make headings
  • <pre></pre> for code blocks
  • <code></code> for a few words of code
  • <a></a> for links
  • <img> to paste in an image (it'll need to be hosted somewhere else though)
  • <blockquote></blockquote> to quote somebody
  • happy :)
  • shocked :|
  • sad :(

Popular Blog Posts

Metronic 8 is Live!

Keenthemes team elevates the most advanced and multifunctional admin dashboard theme to a new lev...

5 reasons to use Bootstrap admin template

It’s no doubt that when a development takes longer to complete, additional costs to integra...

Getting Started with Datatables

Datatables are basically HTML tables that consists of large quantities of data within each row...