A modern development ecosystem featuring UI components, CLI tools, and more.
- @masst/ui - A modern UI component library with 50+ accessible components
- @masst/cli - CLI tool for project scaffolding and setup
- Masst Landing - Masst ecosystem marketing website
- MasstUI Landing - UI library showcase and demo
- Playground - Component testing environment
This is a Turborepo monorepo with the following structure:
masst/
├── apps/
│ ├── landing/ # Masst ecosystem marketing website
│ ├── masstui-landing/ # UI library showcase
│ └── playground/ # Component testing environment
├── packages/
│ ├── masst-ui/ # Core UI library (@masst/ui)
│ ├── masst-cli/ # CLI tool (@masst/cli)
│ ├── eslint-config/ # Shared ESLint configuration
│ ├── typescript-config/# Shared TypeScript configuration
│ └── tailwind-config/ # Shared Tailwind configuration
| App | Description | Port |
|---|---|---|
| landing | Masst ecosystem marketing website | 3000 |
| masstui-landing | UI library showcase and demo | 3002 |
| playground | Component testing environment | 3001 |
| Package | Description | npm |
|---|---|---|
| @masst/ui | Core UI component library |  |
| @masst/cli | CLI tool for Masst | - |
| @repo/eslint-config | Shared ESLint config | - |
| @repo/typescript-config | Shared TypeScript config | - |
- Node.js >= 18
- pnpm 9.x
# Clone the repository
git clone https://github.com/AdityaNarayan29/masst.git
cd masst
# Install dependencies
pnpm install
# Start development servers
pnpm dev| Command | Description |
|---|---|
pnpm dev |
Start all apps in development mode |
pnpm dev:landing |
Start Masst landing only |
pnpm dev:ui-landing |
Start MasstUI landing only |
pnpm dev:playground |
Start playground only |
pnpm build |
Build all packages and apps |
pnpm test |
Run tests |
pnpm lint |
Run ESLint |
pnpm format |
Format code with Prettier |
pnpm check-types |
TypeScript type checking |
pnpm storybook |
Start Storybook for component development |
pnpm clean |
Clean all build artifacts |
This project uses Changesets for version management:
# Create a changeset
pnpm changeset
# Version packages
pnpm version-packages
# Publish to npm
pnpm release- Build System: Turborepo
- Package Manager: pnpm
- Framework: React 19 + Next.js 15
- Styling: Tailwind CSS
- Components: Radix UI + ShadCN UI
- Variants: Class Variance Authority
- Testing: Vitest + Testing Library
- Documentation: Storybook
We welcome contributions! Please see our Contributing Guide for details.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
MIT License - see LICENSE for details.
Made with love by Aditya Narayan