Documentation
[](https://www.npmjs.com/package/@strapi/design-system) [](https://www.npmjs.com/package/@strapi/design-system) [](https://discord.gg/strapi) # Welcome! 👋👋👋 Strapi Design System provides guidelines and tools to help anyone make Strapi's contributions more cohesive and to build plugins more efficiently. ## Installation Install Strapi Design System and its peer dependencies: ```sh $ yarn add react react-dom @strapi/design-system @strapi/icons styled-components # or $ npm i react react-dom @strapi/design-system @strapi/icons styled-components ``` ## Getting Started Wrap your application with the `DesignSystemProvider`. You can additionally pass a theme and/or locale, although you don't have to as we have default values for both. ```jsx import { DesignSystemProvider, lightTheme } from '@strapi/design-system'; function MyApp({ children }) { return ( {children} ); } export default App; ``` Then, checkout the complete [Storybook documentation](https://design-system-git-main-strapijs.vercel.app/) to find the components you want to use and how to use them. ## Contributing Please follow our [CONTRIBUTING](https://github.com/strapi/design-system/blob/main/CONTRIBUTING.md) guidelines. ## License Licensed under the MIT License, Copyright © 2015-present [Strapi Solutions SAS](https://strapi.io). See [LICENSE](https://github.com/strapi/design-system/blob/main/LICENSE) for more information. ## Thanks