Set up a complete MERN frontend with just one command!
Includes React + Vite + Tailwind + Firebase + Axios + Zustand + React Query and much more!
# Run the setup command
npx create-my-mern-frontendcd your-project-name
npm run dev-
Vite + React 19
Super-fast development with the latest React features -
Tailwind CSS + DaisyUI
Modern, responsive UI design system -
Firebase Auth
Built-in authentication support -
Zustand
Lightweight global state management -
Axios + React Query
Smart API handling and caching -
Framer Motion
Beautiful animations made simple -
React Hot Toast
Elegant notifications -
Lucide Icons
Clean and modern icon set -
ESLint + Prettier
Code quality and formatting out of the box -
Pre-configured Project Structure
Everything organized and ready to go
| Category | Tools |
|---|---|
| Frontend | React 19, Vite |
| Styling | Tailwind CSS, DaisyUI |
| State Management | Zustand |
| Auth / Backend | Firebase |
| Networking | Axios, React Query |
| UI / Animations | Framer Motion, Lucide Icons, React Hot Toast |
| Code Quality | ESLint, Prettier |
MIT License © Abir Abdullah
Abir Abdullah
Competitive Programmer • Open Source Enthusiast