Home

Introduction

Raaghu, a React based Design System, employs React, Vite, TypeScript, Material UI, Griffel, and Storybook features to develop highly customizable UI application shells, layouts, elements and components. Raaghu Design System provides an online repository for developers containing the elements, components, map and charts.

Through the storybook you can visualize and navigate around the features of the Raaghu Design System. Snippets for the elements allow you to test and design your UI faster and efficiently.

Setup Your Development Environment

Pre-Requirements

The following tools should be installed on your development machine:

• An IDE (e.g. Visual Studio Code) with Node.js/TypeScript support.
• Node.js v20.19+ or v22.12+ (required by Vite 7)
• npm v9+ (this project uses npm workspaces; Yarn is not used/supported)

Verify your environment

Open a command line and run:

• node -v: Should be >= 20.19.0 (or >= 22.12.0). Older versions are not supported by Vite 7.
• npm -v: Should be >= 9. If not, run npm install -g npm.

If using VS Code, go to a folder and run code . to open the folder in VS Code. If it doesn't work, open VS Code and press F1 or ctrl+shift+P (cmd+shift+P), type path, and select the Install 'code' command in PATH option.