Introduction

Welcome to Metronic React Documentation!

A fully functional React app with a modern UI, built with Vite and Tailwind CSS, featuring a comprehensive component library and multiple dashboard layouts.

What is Metronic React?

Metronic React is a powerful React dashboard framework designed to help developers and businesses by:

• Providing a complete set of UI components based on Radix UI primitives with Tailwind CSS styling
• Supporting multiple dashboard layouts and themes for different use cases
• Delivering excellent performance through Vite's fast build system
• Offering a scalable architecture for building complex admin interfaces and applications
• Providing enterprise-grade features like Supabase authentication, internationalization, and comprehensive error handling

Key Features

• React 19: Build dynamic and reactive user interfaces with the latest React features
• TypeScript: Ensure type safety and improve developer experience
• Vite: Enjoy lightning-fast HMR and optimized builds
• Tailwind CSS: Rapidly design and customize responsive UIs
• Radix UI: Leverage unstyled, accessible UI primitives for maximum flexibility
• Component Library: Access a comprehensive UI component library with consistent design patterns
• Multiple Layouts: Choose from several pre-built dashboard layouts
• Supabase Authentication: Implement secure user authentication with social login support
• Routing: Organized route structure with React Router v7
• Internationalization: Support multiple languages with react-intl
• Custom Hooks: Benefit from pre-built React hooks for common functionality
• State Management: Manage application state efficiently with Context API
• Provider System: Leverage a flexible provider architecture for global features
• Dark Mode: Toggle between light and dark themes
• RTL Support: Full support for right-to-left languages

Why Choose Metronic React?

• Modern Stack: Built with the latest technologies for optimal developer experience
• Performance: Optimized for speed and efficiency with Vite's build system
• Flexibility: Adaptable for various admin and dashboard applications
• Comprehensive: All the components and tools you need for building complex interfaces
• Maintainable: Well-structured code and detailed documentation for long-term maintenance
• Production-Ready: Deploy with confidence using our simplified deployment guides

Getting Started

Get your project up and running quickly with our Installation Guide. Explore detailed documentation on components, features, and customization options to make the most of Metronic React.