sr_setup-cli

Simple 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.

Changelog

v1.1.0 (2025-09-27) - Improvements and Fixes

Enhancements:

Added circle (○) prefixes to all selection prompts in Inquirer for a cleaner, more consistent UI. Updated the initial App/Home component to a black-and-white color palette for a minimalist look. Standardized checkmarks to ✓ across console outputs and project info templates.

Fixes:

Removed the default vite.svg file from the public folder during Vite project setup. Cleaned up references to vite.svg in index.html to prevent broken links. Eliminated duplicated "Start your project" messages in the generated component templates.

Other:

Verified and aligned all configurations (e.g., ESLint, Prettier, Tailwind, PostCSS) with 2025 best practices from official docs—no major updates needed, but ensured compatibility.

Installation

Install globally via npm:

npm install -g sr_setup-cli

Or via npx:

npx sr_setup-cli

Usage

Run the CLI:

sr_setup-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

sr_setup-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.

License

MIT License. See LICENSE for details.

Author

Oleg Litvinchuk