gem-hunter

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++.

---

• 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.

---

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

---

• 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

---

• 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

---

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

---

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

---

	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.

---

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

---

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!

---