https://github.com/adeo/mozaic-design-system

Mozaic Design System
https://github.com/adeo/mozaic-design-system

adeo css design-system gatsbyjs hacktoberfest html js react sass scss

Last synced: 6 months ago
JSON representation

Mozaic Design System

• Host: GitHub
• URL: https://github.com/adeo/mozaic-design-system
• Owner: adeo
• License: apache-2.0
• Created: 2018-09-28T14:26:37.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2025-04-08T08:56:55.000Z (about 1 year ago)
• Last Synced: 2025-04-08T09:30:16.466Z (about 1 year ago)
• Topics: adeo, css, design-system, gatsbyjs, hacktoberfest, html, js, react, sass, scss
• Language: Svelte
• Homepage: https://mozaic.adeo.cloud
• Size: 104 MB
• Stars: 74
• Watchers: 303
• Forks: 17
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          


  Adeo Design System



> Mozaic is an open-source design system built by Adeo, designed to help set up a coherent human experience, to reinforce team’s delivery time and improve quality of deliverables.



  

    

  

  

    

  

  

    

  

  

    

  



## Getting started

If you are just getting started, check out our documentation: https://mozaic.adeo.cloud/

If your are looking for JS components, we have community-contributed components for the following technologies: 

- [Freemarker](https://github.com/adeo/mozaic-freemarker)

- [Vue](https://github.com/adeo/mozaic-vue)

- [React](https://github.com/adeo/mozaic-react)

- [Svelte/WebComponent](https://github.com/adeo/mozaic-web-components)

If you're trying to find something specific, here's a list of our main packages that we support!

| Package name                                  | Description                                                                                                                                                                             |

| --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| [`@mozaic-ds/styles`](./packages/styles)                 | All the SCSS files that constitute the Mozaic SCSS framework.                                                                                                                                                 |

| [`@mozaic-ds/tokens`](./packages/tokens)                 | Tokens are theming/styling constants defined in a JSON file. They are transpiled into multiple format to be shared across plateforms (SCSS, IOS, ANDROID...).                                                     |

| [`@mozaic-ds/css-dev-tools`](./packages/css-dev-tools)     | Tools for css like PostCSS plugins and linters config tools.                                                                                                                   |

| [`@mozaic-ds/web-fonts`](./packages/web-fonts)         | Currently, the Leroy Merlin font only                                                                                                                                                    |

| [`@mozaic-ds/icons`](./packages/icons)           | Iconography assets. We also offer support in: [React](./packages/icons/react), [Ios](./packages/icons/pdf), and [Vue](./packages/icons/vue) |

## :books: Documentation

We tried to focus on the developer experience, meaning that working with it should be as simple as possible.

You can report any bug, request a feature or any improvement [filling an issue here](https://github.com/adeo/mozaic-design-system/issues)

#### Please read the [contributing documentation](https://mozaic.adeo.cloud/contributing/) before submitting anything.

#### Please read the [contributing](https://github.com/adeo/mozaic-design-system/blob/master/CONTRIBUTING.md) before contributing.

## Installation

Please follow the [installation guide](https://mozaic.adeo.cloud/contributing/developers/install-for-dev/)

## Maintainers

  

    
Charles-Antoine Queste


      🎨

      🧑‍🏫

      📖

      💬

    

      
Trésor Iloyi


      💻

      🧑‍🏫

      📖

      💬

    

      
Mohamed Mokhtari


      💻

      🧑‍🏫

      📖

      💬

    

  

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    

      
Geoffrey Testelin
🐛 🤔 🔧 💻

      
hatem-benmansour-lmfr
🐛

      
corentin-verquin-lm
📖 👀 💡

      
Mondolot Bertrand
🐛

      
Marine
🐛

      
Jean-Baptiste Lecomte
🤔

      
ThomasRumasLM
🐛 💻 📖

    

    

      
simonroger88
🤔

      
Florian Petit
🐛 🤔

      
Emmanuel DEMEY
📖

      
PINGUET Julien
🐛 💻

      
Matthieu Lepers
💻

      
Alex Deneuvillers
🐛 👀

      
humbkr
🐛 👀

    

    

      
Marine Fabien
🐛 👀

      
Jupoulet
📖

      
Eugene Abrosimov
🐛 👀 💻 🤔

      
Nicolas DIarra
💻

      
Michel
💻

      
Alexandr Makunin
🐛 👀

      
Thomas PIERRE
🐛 💻

    

    

      
Sébastien Laoût
🐛 🤔 👀

      
OmarAlya
🐛 👀

      
Lucas Fournier
🐛 💻

      
Rémy Labitte
🐛 💻

    

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!