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