🚀 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 bash git clone https://github.com/flatlogic/react-material-admin.git cd react-material-admin
2. Use Node.js 22.x (recommended) or 20.19+ bash node -v
3. Install dependencies bash npm install
4. Run frontend-only mode (default) bash npm run dev
5. Enable backend mode (optional)
6. Create .env.local: bash VITE_BACKEND=true
7. Start backend API on http://localhost:8080
8. Run: bash npm run dev
9. Build for production bash npm run build
10. Preview production build (optional) bash 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!