🚀 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

	Material	Transparent	Classic	Sofia	Flatlogic
React	React Material Admin	Light Blue React	Sing App React	Sofia React	One React
Angular	Angular Material Admin	Light Blue Angular	Sing App Angular	-	-
Vue	Material Vue	Light Blue Vue	Sing App Vue	-	-
Bootstrap	-	Light Blue HTML5	Sing App HTML5	-	One Bootstrap

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!

---