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 |