KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

moon-design

★ 276 Open GitHub ↗

Moon Design System for React

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This repository is deprecated! Please, consider migrating to [New Moon](https://github.com/coingaming/moon-react)

# Moon Design System

[![npm (scoped)](https://img.shields.io/npm/v/@heathmont/moon-core-tw)](https://www.npmjs.com/package/@heathmont/moon-core-tw)
[![Commitizen Friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

## Please use our new repository.

[Moon Light](https://github.com/coingaming/moon-light) - a lightweight version of the Moon Design System.

**New repo link**: https://github.com/coingaming/moon-light

## Installing Moon Design

0. [Install pnpm](https://pnpm.io/installation):

```sh
   corepack enable

// Note that we are using pnpm version 8

corepack prepare pnpm@8.2.0 --activate
   ```

1. Install dependencies and link local packages together:

```sh
   pnpm install
   ```

2. Compile and build all packages:

```sh
   pnpm run build
   ```

3. Run storybook for development:

```sh
   pnpm run next dev
   ```

4. For Hot Module Replacement run these tasks in parallel:

```sh
   pnpm run watch
   ```

```sh
   pnpm run next dev
   ```

5. Build and run storybook for production at `localhost:80`:

```sh
   pnpm run next build
   ```

```sh
   pnpm run next start
   ```

## Architecture

Our [pnpm](https://pnpm.io/motivation) monorepo publishes key layers as individual `@heathmont/moon-` packages:

1. [`next-docs/`](#docs) - Style guide and documentation
2. [`workspaces/`](#design-system) - Moon Design System
3. [`packages/`](#design-system) - Legacy components, solely for supporting older projects.

Packages are developed inside their respective `src` folders, utilizing [pnpm workspaces](https://pnpm.io/workspaces) for dependency linking/sharing. The distributable code is generated in each package's lib by the TypeScript compiler.

## Contributing

If you're interested in contributing to Moon Design, please read our [сontributing docs](CONTRIBUTING.md) before submitting a pull request.

moon-design

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README