Metronic 9 | All-in-One Tailwind based React Template for Modern Web Applications

Quick Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

React Documentation

• Full documentation for the React version is coming soon! In the meantime, explore the source code and reach out to us for technical assistance through our support channels.

Shadcn UI Components

• Explore a wide range of components at Shadcn UI.
• Easily integrate any component into your project and style it using Metronic’s design system.
• Seamless Shadcn UI to Metronic UI style mapping is pre-configured in the src/styles/shadcn.ui.css file.
• Find customized Shadcn UI components tailored for Metronic in the src/components/ui directory.

Setup Demos(Demo 1 - Demo 10)

• Please refer to this guide to set up your preferred demo effortlessly. Metronic 9 Tailwind React Demos Setup

HTML Documentation

• You can seamlessly use static HTML components in the React version by copying and pasting the HTML code. For reference, visit the. Metronic HTML Documentation

Get Metronic Pulse

Metronic Pulse is a Laravel REST API boilerplate built for Metronic React applications. Learn more

Support

• For technical help, our dedicated support team is available via the Support Center