More Premium Hugo Themes Premium React Themes

Design System

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

Design System

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

Author Avatar Theme by innovaccer
Github Stars Github Stars: 87
Last Commit Last Commit: May 1, 2025 -
First Commit Created: Apr 29, 2023 -
default image

Overview:

Masala Design System (MDS) is an open-source design system built at Innovaccer. It is a simple and customizable component library that allows developers to build faster, beautiful, and more accessible React applications. MDS follows the guidelines and principles of the Masala Design System.

Features:

  • Customizable component library
  • Built for React applications
  • Follows the guidelines and principles of the Masala Design System
  • Supports theming with CSS variables
  • Provides a variety of tools for editing and formatting rich content
  • Includes documentation site and helper services

Installation:

To install @innovaccer/design-system in your project, you will need to run the following command using npm:

npm install @innovaccer/design-system

If you prefer Yarn, use the following command instead:

yarn add @innovaccer/design-system

To include the stylesheet in your project, you can either import it or load it from a CDN. The complete stylesheet is published as part of the component library at path @innovaccer/design-system/css.

Summary:

Masala Design System (MDS) is an open-source component library built at Innovaccer. It provides a simple and customizable solution for building React applications. With features like theming support, rich content editing tools, and documentation, MDS offers developers a comprehensive toolkit for creating beautiful and accessible applications.