create-typical-env

What is create-typical-env

A simple CLI tool that instantly sets up a React + Tailwind + Shadcn project with additional utilities like clsx, tailwind-merge, and AOS — all configured and ready to use.

It eliminates repetitive setup tasks and ensures a consistent, modern development environment every time you start a new project.

Features

| Tool | Description | | -------------------- | ------------------------------------------------------------- | | React | JavaScript library for building user interfaces | | Vite | Next-generation frontend tooling | | Tailwind CSS | Utility-first CSS framework | | CLSx | Utility for constructing conditional className strings | | Tailwind Merge | Intelligent merge for Tailwind CSS classes | | React Router | Declarative routing for React | | React Router DOM | DOM bindings for React Router | | Boxicons | Icon library | | CSS AOS Library | Animate On Scroll library | | Shadcn UI | Reusable, accessible components built with Radix and Tailwind | | React Bits | Reusable UI/UX React components and hooks |

Installation

Using npm (recommended):

npm create typical-env@latest 

or with npx:

npx create-typical-env

This will automatically:

1. Clone the preconfigured template
2. Install all dependencies
3. Set up the environment instantly

Then run your app:

cd my-app
npm run dev

NPM Package

You can view or install the CLI directly from npm:

Example Output

╭──────────────────────────────────────────────────────────────╮
│                                                              │
│                Typical Env Project Setup Tool                │
│                                                              │
│   Instantly sets up a modern React environment with:         │
│                                                              │
│   • React – JavaScript library for building UIs              │
│   • Vite – Next-generation frontend tooling                  │
│   • Tailwind CSS – Utility-first CSS framework               │
│   • CLSX – Conditional className utility                     │
│   • Tailwind Merge – Smart merge for Tailwind classes        │
│   • React Router / DOM – Declarative routing for React       │
│   • Boxicons – Beautiful icon library                        │
│   • CSS AOS – Animate On Scroll library                      │
│   • Shadcn UI – Reusable components                          │
│   • React Bits – Reusable React components & hooks           │
│                                                              │
│      Create it all instantly with one simple command.        │
│                                                              │
╰──────────────────────────────────────────────────────────────╯

Repository

The source code and template files are available on GitHub: https://github.com/typical-developer/Typical-Env

Contribute

If you find this project useful, you can support it by starring or forking the repository.

Connect