MUI KIT is an open-source Material-UI (MUI) component library built with Next.js, offering a wide range of design variants for core MUI components like Button, Modal, Popover, and more. Our goal is to provide developers with flexible, customizable, and visually diverse components to enhance their React applications.

• Extensive Design Variants: Multiple styles for MUI components (e.g., Button, Modal, Popover) to suit various design needs.
• Built with Next.js: Leverages Next.js for a modern, performant development experience.
• Customizable: Easily adapt components to match your project’s theme or branding.
• Open Source: Licensed under MIT License to encourage community contributions.

• Node.js (v18 or later)
• npm, yarn, or bun

1. Clone the repository:

git clone https://github.com/codemine24/mui-kit

2. Navigate to the project directory and open the project

cd mui-kit

3. Install packages

npm install

4. Running the Development Server

npm run dev

Open http://localhost:3000 in your browser to see the component library in action.

Coming Soon: (Work in Progress)

• Component Reference
• Design Variants
• Customization Guide

We welcome contributions to enhance our component library! To contribute:

git clone https://github.com/codemine24/mui-kit.git

git remote add upstream https://github.com/codemine24/mui-kit.git
git pull upstream main

e.g.

git checkout -b feature/new-button-variant

Follow our commit rules (see below), then push your changes and open a PR to the main branch.

We use Conventional Commits to maintain a clean and meaningful Git history.

Example:

feat: enhance dropdown responsiveness

Built with ❤️ by codemine and the amazing open source community.