https://github.com/tusho7/dev_tools_hub
⚡️CLI tool to scaffold modern Vite + React + TypeScript projects with TailwindCSS, built-in utilities, and optional libraries like Axios, Zustand, and more.
https://github.com/tusho7/dev_tools_hub
boilerplate cli fullstack-development javascript react scaffolding tailwind tailwindcss tool utilities vite webdevelopment
Last synced: about 1 month ago
JSON representation
⚡️CLI tool to scaffold modern Vite + React + TypeScript projects with TailwindCSS, built-in utilities, and optional libraries like Axios, Zustand, and more.
- Host: GitHub
- URL: https://github.com/tusho7/dev_tools_hub
- Owner: Tusho7
- Created: 2025-07-02T07:36:57.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-03T08:50:23.000Z (12 months ago)
- Last Synced: 2025-07-03T09:30:29.160Z (12 months ago)
- Topics: boilerplate, cli, fullstack-development, javascript, react, scaffolding, tailwind, tailwindcss, tool, utilities, vite, webdevelopment
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/devtools-kit
- Size: 38.1 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://github.com/Tusho7/dev_tools_hub/stargazers)
[](https://www.npmjs.com/package/devtools-kit)
[](https://www.npmjs.com/package/devtools-kit)
> ⭐ **If you find this tool helpful, please consider giving it a star!**
# 🛠️ dev-tools-kit
`dev-tools-kit` is a simple yet powerful CLI tool that bootstraps a modern Vite + React + TypeScript project with Tailwind CSS, recommended folder structure, and optional library installation — all in one command.
---
## ✨ Features
- 🔧 Initializes a **Vite + React + TypeScript** project
- 🎨 Automatically installs **Tailwind CSS** with full configuration
- 🗂️ Creates a clean folder structure (`components/`, `pages/`, `hooks/`, etc.)
- 🌈 Generates a **Tailwind color palette helper** component
- 🌈 Adds a **custom Tailwind color palette**:
- Primary / Secondary / Accent colors
- Semantic tokens: `success`, `warning`, `danger`, `info`
- 20+ Tailwind-style color families (`rose`, `sky`, `lime`, etc.)
- 📦 Allows you to choose and install optional libraries (`axios`, `react-router-dom`, `zustand`, etc.)
- 🧹 Removes unused default files (`App.css`, `index.css`)
- 👋 Generates a minimal `App.tsx` with a welcome message
---
## 🔧 For Developers (Local Development)
If you're contributing to or testing the CLI tool locally:
```bash
git clone https://github.com/tusho7/dev_tools_hub.git
cd dev-tools-hub
npm install
npm link
```
🚀 Usage, Global Installation & After Setup
Usage (after local or global install)
```bash
devtools-kit my-app
```
Global Installation (Recommended for users)
```bash
npm install -g devtools-kit
devtools-kit my-app
```
After Setup
```
cd my-app
npm install
npm run dev
```