Package Exports

create-esyt
create-esyt/cli.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (create-esyt) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ESYT

A modern CLI tool to quickly scaffold React projects with your preferred tech stack.

Overview

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.

Installation

You can use esyt with any of these package managers:

# Using npm
npm create esyt@latest

# Using pnpm
pnpm create esyt

Features

🚀 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
💖 React Icons - Countless Different Icons For React
🎭 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
🔑 DotENV - Zero-dependency module for loading environment variables
🌐 Axios - Promise-based HTTP client for the browser and node.js
🧩 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

Usage

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, React Icons, Framer Motion, OGL, DotENV, Axios, Firebase Clerk, Appwrite, 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)

Example

$ 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, React Icons, DotENV, Axios, 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!

What's Included

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
React Icons for easy icon access
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
DotENV for environment variable management
Axios for making HTTP requests
Automatic project opening in your preferred IDE (VSCode, Cursor, or Trae)

After Installation

Everything is ready to go!

You can start editing your project right up.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Author

Eshayat Al-Wasiu

create-esyt