About mantis-react-admin
A React admin dashboard template built with Material UI v7, React 19, Vite 7, and MUI X Charts. It is for developers starting an administrative interface from an existing frontend base.
Key features
- 01React 19 and Vite 7
- 02Material UI v7 components
- 03MUI X Charts visualizations
- 04React Router v7 routing
- 05SWR data fetching
Use cases
- 01Start an admin frontend project
- 02Build an administration dashboard with charts
- 03Set up page navigation with React Router
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill mantis-react-adminAfter installing, type/mantis-react-adminin Claude Code to confirm it loaded.
Details
From the project READMEMantis React Admin
A free React admin dashboard with Material UI v7, React 19, Vite 7, and MUI X Charts.
Tech Stack
- Framework: React 19
- Build Tool: Vite 7
- UI Library: Material UI v7, MUI X Charts
- Styling: Emotion CSS-in-JS
- Routing: React Router v7
- State: SWR for data fetching
- Package Manager: yarn
- Output:
distdirectory - Dev Port: 5173
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git .
If the directory is not empty:
git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Remove Git History (Optional)
rm -rf .git
git init
3. Install Dependencies
yarn install
Build
yarn build
Deploy
Vercel (Recommended)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist
Development
yarn start
Opens at http://localhost:5173
Linting
yarn lint # Check for issues
yarn lint:fix # Auto-fix issues
yarn prettier # Format code
Comments
Markdown supported