flatlogic/react-material-admin

README

🚀 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

Clone the repo

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

Use Node.js 22.x (recommended) or 20.19+
```
node -v
```
Install dependencies
```
npm install
```
Run frontend-only mode (default)
```
npm run dev
```
Enable backend mode (optional)
- Create .env.local:
```
VITE_BACKEND=true
```
- Start backend API on http://localhost:8080
- Run:
```
npm run dev
```
Build for production
```
npm run build
```
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!