🧠 CSociety CLI

Fully standalone Angular UI component installer for Angular projects with Tailwind CSS. Created and maintained by Pranay D Vartak, Software Architect & CEO at CSociety.

⚡ Quick Start

Easily add stunning standalone UI components to your Angular project — no setup needed! Run directly inside your Angular app folder:

➕ Add Button

npx csociety add Button

✨ Add Spotlight

npx csociety add Spotlight

🚀 Overview

csociety is a developer-friendly CLI that helps you instantly scaffold beautiful, production-ready Angular standalone components like Button and Spotlight — all with Tailwind CSS styling.

Inspired by modern UI frameworks like shadcn/ui, it’s made specifically for Angular developers who want power and simplicity in one command.

🧩 Features

✅ Works seamlessly with Angular standalone components ✅ Auto-checks for Tailwind CSS (warns or adds CDN link if missing) ✅ Adds prebuilt, customizable UI components (Button, Spotlight, etc.) ✅ Fully compatible with npx — no global install required ✅ Lightweight & open-source

🧱 Folder Structure (after adding components)

src/
└── app/
    └── csociety/
        ├── button/
        │   └── button.component.ts
        ├── spotlight/
        │   └── spotlight.component.ts
        └── index.ts

💡 Example Usage

<Spotlight>
  <Button label="Launch Now" />
</Spotlight>

🧰 Requirements

• Angular v15+
• Node.js v18+
• Tailwind CSS (if missing, CLI will warn or suggest CDN method)

🧑‍💻 Author

Pranay D Vartak Software Architect | CEO at CSociety

📎 Links

• LinkedIn (Pranay Vartak)
• LinkedIn (CSociety)
• GitHub (C-turt)
• Instagram (@csociety_in)
• 🌐 Website

🏗️ Tech Stack

• ⚙️ Angular – Standalone component architecture
• 🎨 Tailwind CSS – Clean, modern styling
• 🧰 Node.js + fs-extra – CLI scaffolding
• 🚀 npx / npm – For quick and easy execution