🚀 React Material Admin - A Free Material-UI Dashboard Template!

View Demo | Download | More Templates | Discord Community | Support Forum

Originally a premium product priced at $99+, now available for free! 🎉

Looking for a perfect codebase generator for your Startup? Try Flatlogic AI Web App Generator - our new tool, sort of a template++.

---

🎯 Why React Material Admin?

• Ex-Premium: This template was previously paid. Enjoy it for free now. 😉
• Material-UI Based: Built with Material-UI for a modern and sleek UI.
• Join the Community: Flatlogic Discord is where the action happens.
• Free Node.js Backend: Pair it up with this backend to go full-stack.

---

🚀 Quick Start

1. Clone the repo

   git clone https://github.com/flatlogic/react-material-admin.git
   cd react-material-admin
   

2. Use Node.js 22.x (recommended) or 20.19+

   node -v
   

3. Install dependencies

   npm install
   

4. Run frontend-only mode (default)

   npm run dev
   

5. Enable backend mode (optional)
   • Create .env.local:

     VITE_BACKEND=true
     

   • Start backend API on http://localhost:8080
   • Run:

     npm run dev
     

6. Build for production

   npm run build
   

7. Preview production build (optional)

   npm run preview
   

---

📌 Current Stack Snapshot

• React 19.2.4
• MUI 7.x + Emotion
• React Router 7.x (BrowserRouter, hooks API)
• Context-based state for auth/users/layout/theme
• Vite 7.x + @vitejs/plugin-react-swc
• Vitest 4.x smoke tests + GitHub Actions CI (lint, build, test)
• Frontend-only users/auth fallback is available when backend is disabled

---

🧩 Features

• Three Color Themes
• Fully Responsive
• React 19
• MUI 7
• Authentication System
• Modular Architecture
• Charts Libraries
• Dashboard Pages
• CSS-in-JS Styling
• Vite-based build setup

---

🛠 Built With

• React 19
• MUI 7
• React Hooks & Context API
• React Router v7
• Vite 7 + SWC React plugin
• Vitest + Testing Library
• Node.js (for backend)

---

📦 Components

• UI Elements (Buttons, Modals, Forms)
• Charts (Line, Bar, Pie)
• Authentication (Login, Signup)
• Tables (Static, Dynamic)
• Profile Page
• Notifications

---

🌍 Available Variants

Additionally, these templates are tailored for specific business needs:

• E-Commerce Frontend (React) - A complete e-commerce solution.
• Bookkeeper UI (React) - Accounting dashboard for finance management.
• User Management Template (React) - User authentication and management.

---

👨‍💻 How to Contribute

• Star this repo ⭐ - show some love.
• Report bugs - but be nice.
• Join the Discord - meet fellow devs.

---

🔥 About Flatlogic

Flatlogic builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.

---

Questions or feedback?
Join our Flatlogic Community Discord or visit our support forum. We might even reply!

---