JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 62
  • Score
    100M100P100Q77837F
  • License MIT

A tool to create a new esyt project with your preferred stack

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 TailwindCSS, 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 without installing it globally:

# Using npm
npm create esyt@latest

# Using pnpm
pnpm create esyt

# Using bun
bun 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
  • 🎭 Framer Motion - Production-ready animation library for React
  • 🌐 OGL - Minimal WebGL framework for creative coding projects
  • 🔒 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

Usage

Just run one of the installation commands above and follow the interactive prompts:

  1. Project Name: Enter a name for your project (default: "esyt-app")
  2. Language: Choose between JavaScript or TypeScript
  3. Packages: Select from TailwindCSS, Framer Motion, OGL, Clerk, Appwrite, and Prisma
  4. Git: Choose whether to initialize a Git repository
  5. Dependencies: Choose whether to automatically install dependencies
  6. Dev Server: Choose whether to run the development server automatically after setup

Example

$ npm create esyt

    ESYT CLI

? What will your project be called? my-awesome-app
? Will you be using JavaScript or TypeScript? TypeScript
? Which packages would you like to enable? TailwindCSS, Framer Motion, OGL, Clerk, Appwrite, Prisma
? Initialize a new git repository? Yes
? Would you like us to run npm install? Yes
? Would you like to run the development server automatically after setup? Yes

Good choice! Using TypeScript!
Running: npm create vite@latest
...

What's Included

Depending on your selections, your project will be set up with:

  • A Vite-powered React project with JavaScript or TypeScript
  • TailwindCSS configuration and directives
  • Framer Motion animation library
  • OGL WebGL framework for 3D graphics
  • Clerk authentication setup
  • Appwrite backend integration
  • Prisma ORM with PostgreSQL configuration

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