MSUI

MSUI (Melvins Simon UI) is a lightweight, single-file component library for React and Next.js, bundled with a powerful CLI tool that allows developers to quickly add reusable UI components into any project.

Inspired by libraries like shadcn/ui, MSUI focuses on simplicity, flexibility, and ease of integration, enabling rapid development without boilerplate setup.

🏷️ Features

• Single-file, TypeScript-based components for clean imports and customization.
• TailwindCSS ready: pre-styled and fully responsive components.
• CLI-driven workflow:
  • Add individual components or all available templates with a single command.
  • Automatically creates a components/ms_ui folder if missing.
  • Auto-installs required dependencies.
• Dependency aware: MSUI will detect what your component needs and ensure it's installed.
• Versioned templates: add new components easily by updating the library.
• Open for contribution: simple structure allows you to add your own templates.

📦 Installation

Using PNPM (recommended)

pnpm add -D @melvins-simon/msui

Using NPM

npm install --save-dev @melvins-simon/msui

Using Yarn

yarn add -D @melvins-simon/msui

🚀 Usage

MSUI provides a CLI tool bash(ms-ui) to scaffold components in your project.

Add a single component

npx ms-ui --component <component-name>

Add all components

npx ms-ui --component --all

Then, enjoy the flexible components in you appication! 😊

📄 License

MSUI is released under the ISC License.