Overview

MacawUI is an official React UI components kit designed for Saleor, an open-source GraphQL-first and Next.js ready e-commerce platform. It provides a collection of elements used in the creation of Saleor’s dashboard interface, allowing users to create Saleor Apps with ease. MacawUI aims to enhance the development process and empower users to create impactful projects.

Features

• Official React UI components kit: MacawUI is the official React UI components kit for Saleor, ensuring compatibility and seamless integration with the platform.
• Complete Dashboard Interface: The kit includes a comprehensive collection of elements used in the creation of Saleor’s dashboard interface, providing users with all the necessary UI components to build their own apps.
• Next.js Ready: MacawUI is designed to work seamlessly with Next.js, a popular React framework, allowing for efficient and optimized development.

Installation

To use MacawUI, follow the steps below:

1. Import the styles into your app by including the following code snippet in your main entry point, such as index.tsx:

import '@saleor/macaw-ui/dist/styles.css';

2. Add the ThemeProvider to your app to provide the theme to the components. Include the following code snippet:

import { ThemeProvider } from '@saleor/macaw-ui';

const App = () => {
  return (
    <ThemeProvider>
      {/* Your app components */}
    </ThemeProvider>
  );
};

Summary

MacawUI is an official React UI components kit specifically designed for Saleor, an open-source GraphQL-first and Next.js ready e-commerce platform. It offers a comprehensive collection of UI elements used in the creation of Saleor’s dashboard interface, enabling users to build their own apps effortlessly. With seamless integration and Next.js compatibility, MacawUI streamlines the development process and empowers users to create impactful projects.