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:

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`	All the SCSS files that constitute the Mozaic SCSS framework.
`@mozaic-ds/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`	Tools for css like PostCSS plugins and linters config tools.
`@mozaic-ds/web-fonts`	Currently, the Leroy Merlin font only
`@mozaic-ds/icons`	Iconography assets. We also offer support in: React, Ios, and Vue

📚 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

Please read the contributing documentation before submitting anything.

Please read the contributing before contributing.

Installation

Please follow the installation guide

Maintainers

_{Charles-Antoine Queste}
🎨 🧑‍🏫 📖 💬

_{Trésor Iloyi}
💻 🧑‍🏫 📖 💬

_{Mohamed Mokhtari}
💻 🧑‍🏫 📖 💬

Contributors ✨

Thanks goes to these wonderful people (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 💻