An open API service indexing awesome lists of open source software.

https://github.com/wai-technologies/raaghu-react

Raaghu Design System – React is an open-source design system for modern Web and Power Apps applications. Built for the web and extendable to Microsoft’s Power Apps Component Framework (PCF), it offers reusable components that help teams create responsive, consistent, and engaging experiences.
https://github.com/wai-technologies/raaghu-react

fluentui mui pcf powerapps react storybook typescript

Last synced: 4 months ago
JSON representation

Raaghu Design System – React is an open-source design system for modern Web and Power Apps applications. Built for the web and extendable to Microsoft’s Power Apps Component Framework (PCF), it offers reusable components that help teams create responsive, consistent, and engaging experiences.

Awesome Lists containing this project

README

          







Features



[![License](https://img.shields.io/badge/license-MIT-orange)](https://github.com/Wai-Technologies/raaghu-react/blob/production/LICENSE)
[![GitHub stars](https://img.shields.io/github/stars/Wai-Technologies/raaghu-react?style=social)](https://github.com/Wai-Technologies/raaghu-react/stargazers)
![Design System Version](https://img.shields.io/github/v/release/Wai-Technologies/raaghu-react)
[![GitHub issues](https://img.shields.io/github/issues/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react/issues)
[![GitHub forks](https://img.shields.io/github/forks/Wai-Technologies/raaghu-react?style=social)](https://github.com/Wai-Technologies/raaghu-react/network/members)
[![GitHub contributors](https://img.shields.io/github/contributors/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react/graphs/contributors)
[![Documentation](https://img.shields.io/badge/Docs-Online-red)](https://react.raaghu.ai/)

[![Build Status (production)](https://img.shields.io/badge/build-production-purple)](https://github.com/Wai-Technologies/raaghu-react/actions)
[![GitHub last commit (production)](https://img.shields.io/github/last-commit/Wai-Technologies/raaghu-react/production)](https://github.com/Wai-Technologies/raaghu-react/commits/production)
[![GitHub code size](https://img.shields.io/github/languages/code-size/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react)

Contents

- [What is Raaghu Design System?](#raaghu-intro)
- [Why Choose Raaghu Design System??](#why)
- [How Raaghu Design System Works?](#how)
- [Features](#features)
- [More about Raaghu Design System](#learn-more)
- [Raaghu Resources](#insights)
- [Getting Started with Raaghu](#started)
- [License](#license)
- [Communities](#communities)
- [How to Contribute](#contribute)

## What is Raaghu Design System?


The Raaghu Design System is an AI-powered, component-driven development platform backed by a large, active community. We continuously enhance our platform by adding app shells, layouts, and component designs, which are transformed into coded components by AI Pundit and community members, enriching our component library. Each design component is seamlessly connected to code through Figma Code Connect, allowing designers and developers to achieve 3x faster front-end development. All components are rigorously tested using Chromatic to ensure quality and reliability.

Built on a Robust Technology Stack

React            
Vite             
TypeScript             
Atomic Design             
Storybook             
figma             
Lottiefiles             


Design System offers a Figma design kit available on the Figma Community and provides well-tested UI components documented in Storybook.





App Shell


    




Layouts

Built for Web Apps and Power Apps



Microsoft Power Apps

## Why Choose Raaghu Design System?





App Shell


    




Layouts





Elements


    




Components





Design Tokens

## Raaghu Resources

Accelerate Your Frontend Development with raaghu!
Supercharge Your React Projects with Raaghu
Introduction to Raaghu


Raaghu Trailer


Why Raaghu


Raaghu Introduction

Building Web Apps with Raaghu Source Code
Building Web Apps with Raaghu Package
Storybook - Backbone of Raaghu Design System


Raaghu Source Code


Raaghu Package


Raaghu Storybook

## Getting Started with Raaghu

- [Setup Your Development Environment](https://github.com/Wai-Technologies/raaghu-react/wiki#setup-your-development-environment): Start using Raaghu Design System by referring to our docs on Wiki.
- [Getting Started](https://github.com/Wai-Technologies/raaghu-react/wiki/Getting-Started/#running-the-solution): Create a common Library, Component, Screens etc.
- [Create new solution](): Guide to create new React Solution.
- [Storybook](https://react.raaghu.ai/): Build bulletproof UI components faster.
- [Demo](https://demo.raaghu.ai/): Explore our demo to see our customizable platform.
- [Figma UI Kit](https://raaghu.ai/figma-ui-kit): Preview & download Figma designs.
- [Toolkit](https://raaghu.ai/vs-code-extension): Boost productivity by 3x with a suite of tools.
- [CLI](https://raaghu.ai/cli): Streamline and automate your development workflow with a robust CLI.




## License

This project is licensed under the MIT License - see the [`LICENSE`](https://github.com/Wai-Technologies/raaghu-react/blob/production/LICENSE) file for details.

## Communities

[![Connect on LinkedIn](https://img.shields.io/badge/Connect%20on-LinkedIn-0077B5)](https://in.linkedin.com/company/waitechnologies)
[![Follow on Twitter](https://img.shields.io/twitter/follow/WaiTechnologies.svg?style=social&label=Follow%20@WaiTechnologies)](https://twitter.com/WaiTechnologies)
[![YouTube](https://img.shields.io/badge/YouTube-Subscribe-red?logo=youtube&logoColor=white)](https://www.youtube.com/@wai-technologies)

## How to Contribute 🤝



We :hearts: our contributors and we will be more than happy to see any kind of positive contribution and stay committed for a safe environment in the community.
If you wish to contribute, you can work on any features listed here or create one on your own. After adding your code, please send us a Pull Request.
We expect our contributors to participate at it's highest potential and abide by our Code of Conduct. Please read and follow it.

Let's build a great community and software together :relaxed: