GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → coingaming → moon-design

coingaming / moon-design

Licence: MIT license
Moon Design System for React

Programming Languages

typescript
32286 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

reactdesign-systemsstyled-componentsreact-componentsdesign-patternsmonorepodesign-systemtailwindcss

Projects that are alternatives of or similar to moon-design

shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (-59.33%)
Mutual labels:  design-systems, react-components, monorepo, design-system
React
Modern and minimalist React UI library.
Stars: ✭ 2,546 (+1118.18%)
Mutual labels:  design-systems, react-components, design-system
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (+82.78%)
Mutual labels:  design-systems, design-patterns, design-system
neptune-web
Wise Web Design System
Stars: ✭ 55 (-73.68%)
Mutual labels:  react-components, monorepo, design-system
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Stars: ✭ 222 (+6.22%)
Mutual labels:  design-systems, design-patterns, design-system
Ft Origami
The Old Origami Website, do not use
Stars: ✭ 80 (-61.72%)
Mutual labels:  design-systems, design-patterns
hv-uikit-react
React UI library for the Hitachi Vantara Design System.
Stars: ✭ 29 (-86.12%)
Mutual labels:  design-systems, react-components
Material Ui
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Stars: ✭ 73,739 (+35181.82%)
Mutual labels:  design-systems, react-components
Design Systems Repo
A collection of Design System examples, resources, tools, articles and videos.
Stars: ✭ 95 (-54.55%)
Mutual labels:  design-systems, design-patterns
Design System
Priceline.com Design System
Stars: ✭ 604 (+189%)
Mutual labels:  design-systems, design-system
Neumorphic Ui
📚 A library of components based on the concept of neumorphism
Stars: ✭ 82 (-60.77%)
Mutual labels:  design-systems, react-components
Tachyons Verbose
Functional CSS for humans. Verbose edition.
Stars: ✭ 102 (-51.2%)
Mutual labels:  design-systems, design-patterns
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+54.07%)
Mutual labels:  design-systems, design-system
Interior
Design system for the modern web.
Stars: ✭ 77 (-63.16%)
Mutual labels:  design-systems, design-system
awesome-software-architecture
A curated list of awesome articles, videos, and other resources to learn and practice software architecture, patterns, and principles.
Stars: ✭ 1,594 (+662.68%)
Mutual labels:  design-systems, design-patterns
Baseweb
A React Component library implementing the Base design language
Stars: ✭ 7,213 (+3351.2%)
Mutual labels:  design-systems, react-components
Sample Dotnet Core Cqrs Api
Sample .NET Core REST API CQRS implementation with raw SQL and DDD using Clean Architecture.
Stars: ✭ 1,273 (+509.09%)
Mutual labels:  design-systems, design-patterns
Ui Ux
📝 Curated list for UI/UX Designers
Stars: ✭ 125 (-40.19%)
Mutual labels:  design-systems, design-patterns
Vue Cion Design System
CION - Design system boilerplate for Vue.js
Stars: ✭ 119 (-43.06%)
Mutual labels:  design-systems, design-system
Tachyons
Functional css for humans
Stars: ✭ 11,057 (+5190.43%)
Mutual labels:  design-systems, design-patterns
View All Similar Projects ➔

Moon Design System

npm (scoped) Commitizen Friendly CircleCI

Moon Design System

Installing Moon Design

  1. Install pnpm:

    npm install -g pnpm

  2. Install dependencies and link local packages together:

    pnpm install

  3. Compile and build all packages:

    pnpm run build

  4. Run storybook for development:

    pnpm run next dev

  5. Hot Module Replacement:

    pnpm run watch
    pnpm run next dev

  6. Build and run storybook for production at localhost:80:

    pnpm run next build
    pnpm run next start

Resources

Architecture

Our pnpm monorepo publishes key layers as individual @heathmont/moon- packages:

  1. next-docs/ - style guide and documentation
  2. packages/ - Moon Design System

packages/

  1. Themes - theming feature
  2. Utils - suite of tools to quickly access common token values.
  3. Icons - React components for each icon.
  4. Core - the individual building blocks of our UI.

Packages are developed inside their respective src folders, utilising pnpm workspaces for dependency linking/sharing. Distributable code is generated in each package's lib by the typeScript compiler.

Docs

next-docs/

Our project's style guide and documentation is built using Next.js inside its own individual package directory.

Contributing

See the Contributing Guidelines for full info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].