Installation and Launch

Getting Started

Welcome to the Raaghu Design System! This guide will help you install, set up, and start using the design system in your project.

---

Prerequisites

Before you begin, ensure you have the following tools installed on your development machine:

• IDE: [Visual Studio]
• Node.js: Node v20+

---

Three Ways to Use Raaghu Design System

Option 1: NPM Package

Installation:

## Install main package
npm install @waiin/raaghu-react

## Install theme package
npm install @waiin/raaghu-react-themes

Setup Theme:

import '@waiin/raaghu-react-themes/build/styles/default.css'

For more information about the packages:

• @waiin/raaghu-react
• @waiin/raaghu-react-themes

Option 2: Fork Repository

Fork and Setup:

1. Fork the repository on GitHub: raaghu-react
2. Clone your forked repository:

git clone https://github.com/YOUR-USERNAME/raaghu-react.git
powershell -c "irm bun.sh/install.ps1 | iex"
npm install -g bun
bun install

Run Storybook:

npm run storybook

Option 3: Raaghu CLI

Install CLI:

## Install Raaghu CLI globally
dotnet tool install -g Waiin.Raaghu.Cli

## Or update if already installed
dotnet tool update -g Waiin.Raaghu.Cli

Create New React Solution:

raaghu create --React

Run Project:

## Install dependencies
npm run install-all

## Run Storybook
npm run storybook

---