A modern CLI tool to quickly scaffold React projects with your preferred tech stack.
esyt is a command-line interface tool that helps you create new React projects with optional TypeScript support and popular packages like Framer Motion, Clerk, Appwrite, and Prisma. It's built on top of Vite for lightning-fast development experience.
You can use esyt with any of these package managers:
# Using npm
npm create esyt@latest
# Using pnpm
pnpm create esyt
- 🚀 Vite-powered - Blazing fast development server and optimized builds
- 🔄 JavaScript or TypeScript - Choose your preferred language
- 🎨 TailwindCSS - Utility-first CSS framework for rapid UI development
- 🛣️ React Router - Declarative routing for React applications
- 🎭 Framer Motion - Production-ready animation library for React
- 🌐 OGL - Minimal WebGL framework for creative coding projects
- 🔥 Firebase - Google's platform for building web and mobile applications
- 🗄️ MongoDB - Popular NoSQL database for modern applications
- 🔒 Clerk - Complete user management solution
- ☁️ Appwrite - Open source backend server for web and mobile apps
- 💾 Prisma - Next-generation ORM for Node.js and TypeScript
- 🧩 Customizable - Select only the packages you need
- 📦 Dependency Installation - Option to automatically install dependencies
- 🔄 Git Integration - Option to initialize a Git repository
- 🚀 Auto Dev Server - Option to run the development server automatically after setup
- 🖥️ IDE Integration - Option to open your project with VSCode, Cursor, or Trae IDE
Just run one of the installation commands above and follow the interactive prompts:
- Project Name: Enter a name for your project (default: "esyt-app")
- Language: Choose between JavaScript or TypeScript
- Packages: Select from TailwindCSS, React Router, Framer Motion, OGL, MongoDB, Firebase, Clerk, Appwrite, and Prisma
- Git: Choose whether to initialize a Git repository
- Dependencies: Choose whether to automatically install dependencies
- Dev Server: Choose whether to run the development server automatically after setup
- IDE Selection: Choose which IDE to open your project with (VSCode, Cursor, Trae, or None)
$ npm create esyt
? What will your project be called? esyt-app
? Will you be using JavaScript or TypeScript? JavaScript
? Which packages would you like to enable? TailwindCSS, React Router, Firebase
? Initialize a new git repository? Yes
? Would you like us to run 'npm i'? Yes
? Would you like to run the development server automatically after setup? Yes
? Which IDE would you like to open your project with? VSCode
Good choice! Using JavaScript!Depending on your selections, your project will be set up with:
- A Vite-powered React project with JavaScript or TypeScript
- TailwindCSS for styling
- React Router for application routing
- Framer Motion animation library
- OGL WebGL framework for 3D graphics
- Firebase Authenticataion
- MongoDB database integration
- Clerk authentication setup
- Appwrite backend integration
- Prisma ORM with PostgreSQL configuration
- Automatic project opening in your preferred IDE (VSCode, Cursor, or Trae)
Everything is ready to go!
You can start editing your project right up.
Contributions are welcome! Please feel free to submit a Pull Request.
Eshayat Al-Wasiu
- Homepage: https://esyt.eshayat.com
- Repository: https://github.com/ESHAYAT102/esyt
- Issues: https://github.com/ESHAYAT102/esyt/issues