{"id":27133229,"url":"https://github.com/wai-technologies/raaghu-react","last_synced_at":"2026-02-11T08:29:43.927Z","repository":{"id":217285708,"uuid":"743388098","full_name":"Wai-Technologies/raaghu-react","owner":"Wai-Technologies","description":"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.","archived":false,"fork":false,"pushed_at":"2026-02-02T11:46:14.000Z","size":159477,"stargazers_count":187,"open_issues_count":1165,"forks_count":11,"subscribers_count":2,"default_branch":"production","last_synced_at":"2026-02-03T01:06:55.888Z","etag":null,"topics":["fluentui","mui","pcf","powerapps","react","storybook","typescript"],"latest_commit_sha":null,"homepage":"https://waiin.com/raaghu","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Wai-Technologies.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["Wai-Technologies"]}},"created_at":"2024-01-15T05:58:49.000Z","updated_at":"2026-02-02T09:30:07.000Z","dependencies_parsed_at":"2024-01-15T14:15:38.737Z","dependency_job_id":"9512b6df-bc86-4288-88ea-712c8e662fbe","html_url":"https://github.com/Wai-Technologies/raaghu-react","commit_stats":{"total_commits":891,"total_committers":45,"mean_commits":19.8,"dds":0.7968574635241302,"last_synced_commit":"94dcf19410a4075da7a9ca992c30c5c9ee356b5c"},"previous_names":["wai-technologies/raaghu-react"],"tags_count":85,"template":false,"template_full_name":null,"purl":"pkg:github/Wai-Technologies/raaghu-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wai-Technologies%2Fraaghu-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wai-Technologies%2Fraaghu-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wai-Technologies%2Fraaghu-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wai-Technologies%2Fraaghu-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Wai-Technologies","download_url":"https://codeload.github.com/Wai-Technologies/raaghu-react/tar.gz/refs/heads/production","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wai-Technologies%2Fraaghu-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29124793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T14:05:12.718Z","status":"ssl_error","status_checked_at":"2026-02-05T14:03:53.078Z","response_time":65,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fluentui","mui","pcf","powerapps","react","storybook","typescript"],"created_at":"2025-04-07T23:20:03.855Z","updated_at":"2026-02-05T15:01:42.743Z","avatar_url":"https://github.com/Wai-Technologies.png","language":"TypeScript","funding_links":["https://github.com/sponsors/Wai-Technologies"],"categories":[],"sub_categories":[],"readme":"\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n\u003c!-- Custom style --\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://raaghu.ai\" target=\"_blank\"\u003e\n    \u003cp\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/hero-banner-dark.png?raw=trues\"\u003e\n        \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/hero-banner-light.png?raw=trues\"\u003e\n        \u003cimg  alt=\"Features\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/hero-banner-light.png?raw=trues\" width=\"1000\"/\u003e\n      \u003c/picture\u003e\n    \u003c/p\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003c/br\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![License](https://img.shields.io/badge/license-MIT-orange)](https://github.com/Wai-Technologies/raaghu-react/blob/production/LICENSE)\n[![GitHub stars](https://img.shields.io/github/stars/Wai-Technologies/raaghu-react?style=social)](https://github.com/Wai-Technologies/raaghu-react/stargazers)\n![Design System Version](https://img.shields.io/github/v/release/Wai-Technologies/raaghu-react)\n[![GitHub issues](https://img.shields.io/github/issues/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react/issues)\n[![GitHub forks](https://img.shields.io/github/forks/Wai-Technologies/raaghu-react?style=social)](https://github.com/Wai-Technologies/raaghu-react/network/members)\n[![GitHub contributors](https://img.shields.io/github/contributors/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react/graphs/contributors)\n[![Documentation](https://img.shields.io/badge/Docs-Online-red)](https://react.raaghu.ai/)\n\n[![Build Status (production)](https://img.shields.io/badge/build-production-purple)](https://github.com/Wai-Technologies/raaghu-react/actions)\n[![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)\n[![GitHub code size](https://img.shields.io/github/languages/code-size/Wai-Technologies/raaghu-react)](https://github.com/Wai-Technologies/raaghu-react)\n\n\u003c/div\u003e\n\n\u003c/br\u003e\n\u003c/br\u003e\n\n\u003ch1 style=\"border-bottom:0;\"\u003eContents\u003c/h1\u003e\n\n- [What is Raaghu Design System?](#raaghu-intro)\n- [Why Choose Raaghu Design System??](#why)\n- [How Raaghu Design System Works?](#how)\n- [Features](#features)\n- [More about Raaghu Design System](#learn-more)\n- [Raaghu Resources](#insights)\n- [Getting Started with Raaghu](#started)\n- [License](#license)\n- [Communities](#communities)\n- [How to Contribute](#contribute)\n\n\u003c/br\u003e\u003c/br\u003e\n\n## \u003ca name='raaghu-intro'\u003e\u003c/a\u003e What is Raaghu Design System?\n\n\u003cp\u003e\n  \u003cb\u003eThe Raaghu Design System\u003c/b\u003e 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.\n\n\u003c/p\u003e\n\u003c/br\u003e\n\u003cdiv align=\"center\"\u003e\n\n\u003cp\u003e Built on a Robust Technology Stack \u003c/p\u003e\n\u003c/br\u003e\n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/react.svg\" width=\"50\" height=\"50\" alt=\"React\"/\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/vite.svg\" width=\"50\" height=\"50\" alt=\"Vite\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/typescript.svg\" width=\"50\" height=\"50\" alt=\"TypeScript\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/MillionJS.svg\" width=\"50\" height=\"50\" alt=\"Atomic Design\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/Storybook.svg\" width=\"50\" height=\"50\" alt=\"Storybook\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/figma.svg\" width=\"50\" height=\"50\" alt=\"figma\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003cimg src=\"https://raaghu.ai/assets/img/Revamp_website_images/Technology-Stacks/Lottiefiles.svg\" width=\"50\" height=\"50\" alt=\"Lottiefiles\"/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \n\u003c/div\u003e\n\u003c/br\u003e\n\u003c!-- \u003cp\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/build%20using-dark.png?raw=true?\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/build%20using-light.png?raw=true?\"\u003e\n    \u003cimg  alt=\"Features\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/build%20using-light.png?raw=true?\" width=\"1000\"/\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e --\u003e\n\n\u003cdiv align=\"center\"\u003e\n  Design System offers a Figma design kit available on the Figma Community and provides well-tested UI components documented in Storybook.\n\u003c/div\u003e\n\n\u003c/br\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://www.figma.com/community/file/1425066439193737902/raaghu-design-system-open-source\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-kit-btn.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-kit-btn.png?raw=true\"\u003e\n      \u003cimg alt=\"App Shell\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-kit-btn.png?raw=true\" width=\"290\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/introduction--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-system-btn.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-system-btn.png?raw=true\"\u003e\n      \u003cimg alt=\"Layouts\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/design-system-btn.png?raw=true\" width=\"290\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\u003c/br\u003e\u003c/br\u003e\n\n\u003cp align=\"center\"\u003eBuilt for Web Apps and Power Apps\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/microsoft-power-apps-logo.avif\" width=\"165\" style=\"max-width:90%; margin: 0 20px;\" alt=\"Microsoft Power Apps\"/\u003e\n\u003c/p\u003e\n\n## \u003ca name='why'\u003e\u003c/a\u003e Why Choose Raaghu Design System?\n\n\u003c!-- \u003cp\u003e\n  Raaghu seamlessly bridges the gap between design and development while maintaining a high level of standardization.\n\n\u003c/p\u003e\n\u003cp\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/why-design-system-dark.png\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/why-design-system-light.png\"\u003e\n    \u003cimg  alt=\"Features\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/why-design-system-light.png\" width=\"1000\"/\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\n## \u003ca name='how'\u003e\u003c/a\u003e How Raaghu works?\n\n\u003c/br\u003e\u003c/br\u003e\u003c/br\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/raaghu-illustration.png\" alt=\"logo\" width=\"600\"/\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cp\u003e\nWe create your wireframes or use the existing available wireframes. Based on your wireframe and theme design / branding, we apply the same CSS to elements, components and pages that we have. With the help of Component driven development and our micro front end architecture, we break your page design into components and enrich your library.\n\nThese components come together to create the same wireframe design and form a page.We deploy these components through our Ci/Cd pipeline and make use of our micro front end architecture.\n\n\u003c/p\u003e\n\n## \u003ca name='started'\u003e\u003c/a\u003e Getting Started with Raaghu\n\n- [Setup raaghu](https://raaghu.io): For development\n- [Development Support](https://raaghu.io): Create a common Library, Component, Screen / MFE etc\n- [Storybook](https://storybookreact.raaghu.io/): Build bulletproof UI components faster\n- [Elements \u0026 Components on Gatsby](http://raaghu.io/): Preview of all raaghu elements, components \u0026 pages.\n- [Demo](https://anzdemoui.raaghu.io/): Dashboard Demo (Light \u0026 Dark theme)\n- [Figma](http://raaghu.io/): Preview \u0026 download Figma gesigns\n- [XD](http://raaghu.io/): Preview \u0026 download xd Designs\n\n\u003ch2 style=\"border-bottom:0;color:#964BFF;\"\u003e\n\n\n##  \u003ca name='templates'\u003e\u003c/a\u003e Startup Templates\n\u003cp\u003e\nA collection of open-source statrter templates, Free templates that are perfect starter layouts for your application. Create your solution based on free or premium startup templates. Either with an React Single-Page Application or Classic MVC \u0026 Microfrontend architecture.\n\u003c/p\u003e\n\u003c/br\u003e\n\u003cp\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/features-dark.png?raw=true?\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/features-light.PNG?raw=true?\"\u003e\n    \u003cimg  alt=\"Features\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/features-light.PNG?raw=true?\" width=\"1000\"/\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\n## \u003ca name='learn-more'\u003e\u003c/a\u003e More about Raaghu Design System\n\u003c!-- \u003cp\u003e\n  Learn more about Raaghu Design System\n\u003c/p\u003e  --\u003e\n\u003c/br\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/elements-accordion--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/App_Shell_card.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/App_Shell_card.png?raw=true\"\u003e\n      \u003cimg alt=\"App Shell\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/App_Shell_card.png?raw=true\" width=\"350\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/components-account-external-provider--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/layouts_card.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/layouts_card.png?raw=true\"\u003e\n      \u003cimg alt=\"Layouts\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/layouts_card.png?raw=true\" width=\"350\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\u003c/br\u003e\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/elements-accordion--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/elements_card.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/elements_card.png?raw=true\"\u003e\n      \u003cimg alt=\"Elements\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/elements_card.png?raw=true\" width=\"350\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/components-account-external-provider--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/components_card.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/components_card.png?raw=true\"\u003e\n      \u003cimg alt=\"Components\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/components_card.png?raw=true\" width=\"350\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\u003c/br\u003e\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://react.raaghu.ai/?path=/docs/elements-accordion--docs\" rel=\"nofollow\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Design_tokens_card.png?raw=true\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Design_tokens_card.png?raw=true\"\u003e\n      \u003cimg alt=\"Design Tokens\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Design_tokens_card.png?raw=true\" width=\"350\" style=\"max-width:90%; margin: 0 20px;\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\n\u003c!-- Centered table with dark/light mode support for images --\u003e\n\u003c!-- \u003ctable align=\"center\" cellpadding=\"12\" style=\"width: 100%; max-width: 100%;\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"50%\"\u003e\n      \u003ca href=\"https://react.raaghu.ai/?path=/docs/elements-accordion--docs\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Elements_card.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Elements_card.png?raw=true\"\u003e\n          \u003cimg alt=\"Layout\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Elements_card.png?raw=true\" width=\"400\"/\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"50%\"\u003e\n      \u003ca href=\"https://react.raaghu.ai/?path=/docs/components-account-external-provider--docs\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Components_card.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Components_card.png?raw=true\"\u003e\n          \u003cimg alt=\"Components\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/Components_card.png?raw=true\" width=\"400\"/\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e --\u003e\n\n\u003c!-- \u003ctable align=\"center\" cellpadding=\"0\" border=\"0\" width=\"50%\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"200px\"\u003e\n      \u003ca href=\"https://react.raaghu.ai/?path=/docs/charts-pie-chart--docs\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/charts_card_dark.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/charts_card_light.png?raw=true\"\u003e\n          \u003cimg alt=\"Charts\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/charts_card_light.png?raw=true\" width=\"300\"/\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"200px\"\u003e\n      \u003ca href=\"https://react.raaghu.ai/?path=/docs/map-map--docs\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/maps_dark.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/maps_light.png?raw=true\"\u003e\n          \u003cimg alt=\"Map\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/maps_light.png?raw=true\" width=\"300\"/\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"200px\"\u003e\n      \u003ca href=\"https://react.raaghu.ai/?path=/docs/components-account-external-provider--docs\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/components_dark.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/components_light.png?raw=true\"\u003e\n          \u003cimg alt=\"Components\" src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-blob/components_light.png?raw=true\" width=\"300\"/\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e --\u003e\n\u003c/br\u003e\n\n## \u003ca name='insights'\u003e\u003c/a\u003e Raaghu Resources\n\n\u003c/br\u003e \n\u003ctable width=\"100%\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eAccelerate Your Frontend Development with raaghu!\u003c/th\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eSupercharge Your React Projects with Raaghu \u003c/th\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eIntroduction to Raaghu\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n  \u003ca href=\"https://youtu.be/LiZdckORQEg\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/trailer.gif\" alt=\"Raaghu Trailer\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n  \u003ca href=\"https://youtu.be/TgNxlkP1qww\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/why_raaghu.gif\" alt=\"Why Raaghu\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n  \u003ca href=\"https://youtu.be/FlU9GiVXkc0\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/raaghu_introduction.gif\" alt=\"Raaghu Introduction\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003c/br\u003e \n\u003ctable width=\"100%\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eBuilding Web Apps with Raaghu Source Code\u003c/th\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eBuilding Web Apps with Raaghu Package\u003c/th\u003e\n\u003cth align=\"center\" width=\"33%\"\u003eStorybook - Backbone of Raaghu Design System\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n  \u003ca href=\"https://youtu.be/kZDPn5CHkhg\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/source_code.gif\" alt=\"Raaghu Source Code\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" style=\"width: 33%;\"\u003e\n  \u003ca href=\"https://youtu.be/kZDPn5CHkhg\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/packages.gif\" alt=\"Raaghu Package\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" width=\"33%\"\u003e\n  \u003ca href=\"https://youtu.be/qYAqjI_ta20\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raaghustorageaccount.blob.core.windows.net/raaghu-designsystem/storybook.gif\" alt=\"Raaghu Storybook\" width=\"240\"\u003e\n  \u003c/a\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n \u003c/br\u003e \u003c/br\u003e\n\n## \u003ca name='started'\u003e\u003c/a\u003e Getting Started with Raaghu\n\n- [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.\n- [Getting Started](https://github.com/Wai-Technologies/raaghu-react/wiki/Getting-Started/#running-the-solution): Create a common Library, Component, Screens etc.\n- [Create new solution](): Guide to create new React Solution.\n- [Storybook](https://react.raaghu.ai/): Build bulletproof UI components faster.\n- [Demo](https://demo.raaghu.ai/): Explore our demo to see our customizable platform.\n- [Figma UI Kit](https://raaghu.ai/figma-ui-kit): Preview \u0026 download Figma designs.\n- [Toolkit](https://raaghu.ai/vs-code-extension): Boost productivity by 3x with a suite of tools.\n- [CLI](https://raaghu.ai/cli): Streamline and automate your development workflow with a robust CLI.\n\n\u003ch2 style=\"border-bottom:0;color:#964BFF;\"\u003e \n \n \n## \u003ca name='license'\u003e\u003c/a\u003e License\n\nThis project is licensed under the MIT License - see the [`LICENSE`](https://github.com/Wai-Technologies/raaghu-react/blob/production/LICENSE) file for details.\n\n## \u003ca name='communities'\u003e\u003c/a\u003e Communities\n\n\u003cdiv align=\"left\"\u003e\n\n[![Connect on LinkedIn](https://img.shields.io/badge/Connect%20on-LinkedIn-0077B5)](https://in.linkedin.com/company/waitechnologies)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/WaiTechnologies.svg?style=social\u0026label=Follow%20@WaiTechnologies)](https://twitter.com/WaiTechnologies)\n[![YouTube](https://img.shields.io/badge/YouTube-Subscribe-red?logo=youtube\u0026logoColor=white)](https://www.youtube.com/@wai-technologies)\n\n\u003c!-- [![Join the Discussion](https://img.shields.io/badge/GitHub%20Discussions-Join%20Now-brightgreen)](https://github.com/Wai-Technologies/raaghu/discussions)\n[![Join us on Discord](https://img.shields.io/badge/Join%20us%20on-Discord-7289DA?style=flat\u0026logo=discord)](https://discord.gg/your-discord-link)\n[![Join the Community](https://img.shields.io/badge/Join%20the%20Community-Community-orange)](https://community.raaghu.ai/)  --\u003e\n\n\u003c/div\u003e\n\n## \u003ca name='contribute'\u003e\u003c/a\u003e How to Contribute 🤝\n\n\u003c/h2\u003e\n\u003cp\u003e\n    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.\u003cbr\u003e        If you wish to contribute, you can work on any features \u003ca href=\"https://github.com/shubham-waii/raaghu/tree/main/raaghu-mfe#Features\" \u003e listed here \u003c/a\u003e or create one on your own. After adding your code, please send us a Pull Request.\n    We expect our contributors to participate at it's highest potential and abide by our \u003ca href=\"https://github.com/shubham-waii/raaghu/blob/development/CODE_OF_CONDUCT.md\"\u003e Code of Conduct\u003c/a\u003e. Please read and follow it.\u003cbr\u003e\n    Let's build a great community and software together :relaxed:\n\u003c/p\u003e\n\u003c/br\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwai-technologies%2Fraaghu-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwai-technologies%2Fraaghu-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwai-technologies%2Fraaghu-react/lists"}