simplesetup-react-cli

Modern React CLI

A modern CLI tool for creating React or Next.js projects with Tailwind CSS v4, optional libraries, and a clean setup. Perfect for developers who want to skip boilerplate and start coding immediately! Supports both English and Russian interfaces.

Installation

Install globally via npm:

npm install -g modern-react-cli

Or install from source:

git clone https://github.com/your-username/modern-react-cli.git
cd modern-react-cli
npm install
npm install -g .

Publishing to npm (for maintainers)

• Create an npm account: npm adduser
• Publish the package: npm publish --access public

Usage

Run the CLI:

modern-react-cli

Follow the interactive prompts to configure your project:

• Choose CLI language: English or Русский
• Enter project name
• Enter app title (for browser tab)
• Choose framework: React (Vite) or Next.js
• Choose language: JavaScript or TypeScript
• Select additional libraries: Lucide React, Framer Motion, React Router, Zustand, React Hook Form, Axios
• Select development tools: ESLint, Prettier, Husky

For the library and tool selection, use:

• <space> to select
• <a> to toggle all
• <i> to invert selection
• <enter> to proceed

Features

• ✅ Removes default boilerplate files and assets
• ✅ Installs Tailwind CSS v4 with custom styles (Google Fonts integration)
• ✅ Adds selected libraries with latest versions
• ✅ Configures app title in HTML/layout
• ✅ Supports both React (Vite) and Next.js
• ✅ Optional ESLint, Prettier, and Husky setup
• ✅ Clean, minimal starting point for development
• ✅ Bilingual interface (English/Russian)

Libraries & Tools

• Lucide React: Beautiful, customizable icons
• Framer Motion: Powerful animation library
• React Router: Client-side routing for SPAs
• Zustand: Lightweight state management
• React Hook Form: Performant form handling
• Axios: Promise-based HTTP client
• ESLint: Code linting for better code quality
• Prettier: Code formatting for consistent style
• Husky: Git hooks for automated checks

Example

modern-react-cli
# CLI language: Русский
# Project name: my-awesome-app
# App title: Awesome App
# Framework: React (Vite)
# Language: TypeScript
# Libraries: lucide-react, framer-motion
# Tools: eslint, prettier

This creates a clean project ready for development with your chosen configuration.

Contributing

Feel free to open issues or PRs on GitHub. Suggestions for new libraries or features are welcome!

License

MIT License. See LICENSE for details.

Author

Oleg Litvinchuk