Skip the boring setup — get started with all your favorite tools instantly!
You don’t need to install globally. Use it directly with npx:
npx react-setup-pro your-project-name- Copy a pre-configured template into your newly created directory
- Automatically install all dependencies
- You're all set to start your new project
- Follow the home page directions to use all the features smoothly
🚀 Features Included in This Template:
- ⚛️ React 19 + React Router — for modern, component-based UI and navigation
- 🎨 Tailwind CSS — utility-first CSS framework for rapid styling
- 🌟 DaisyUI — Tailwind component library with dark theme support
- 🌓 Theme Provider — with toggle button (light/dark mode)
- 🔁 Axios — for promise-based HTTP requests
- 🎯 TanStack React Query — data fetching, caching, and state management
- 🔥 Firebase — authentication
- 💥 Motion — animation library for React
- 🧠 ESLint — JavaScript/React linting and best practices
- 🎨 React Icons — popular icon packs
- 🍬 SweetAlert2 — beautiful alert and modal dialogs
- ⚡ Vite — lightning-fast frontend build tool
🔄 Routing via react-router-dom
- 📡 API handling with Axios
- ⚙️ Environment variables support (.env.example)
- 🔐 Firebase authentication ready
- 🎨 Tailwind CSS configured
- 🌀 Motion components (Framer Motion)
- 🚨 ESLint with sensible rules
- 🌐 React Query setup for async state
- Navigate into the created folder if needed.
Start development server:
npm run dev- Customize your app structure and features as needed.
-To test the CLI tool before publishing:
git clone https://github.com/Mysterio-O/react-setup-pro.git
cd react-setup-pro
npm link
react-setup-proMIT License © 2025 Mysterio
Currently personal use only — but feel free to fork, customize, or suggest improvements.
| Tech | Version |
|---|---|
| React | 19.x |
| Vite | 7.x |
| Tailwind CSS | 4.x |
| Firebase | 12.x |
| Axios | 1.x |
| React Router | 7.x |
| TanStack Query | 5.x |
| Framer Motion | 12.x |
| SweetAlert2 | 11.x |
| React Icons | 5.x |