Design systems

Shopify Polaris

Shopify's design system for consistent admin and app experiences.

MITPermissiveTypeScript

Live preview ↗View on GitHub ↗

About Shopify Polaris

Guidelines, patterns and React components that show how a large product keeps hundreds of screens coherent. Useful for content design, forms and commerce-admin patterns.

How to contribute

  1. Read the project's guidelines. Open the repository and look for CONTRIBUTING, the code of conduct and the README.
  2. Find something to work on. Browse good first issues or all open issues. Documentation and bug reports are welcome contributions too.
  3. Make the change. Fork the repository, work on a branch, and keep the change small and focused.
  4. Open a pull request. Describe what and why, link the issue, and respond to review. See open pull requests for examples.

Contributions are normally accepted under the project's own licence (MIT). Some projects also ask you to sign a contributor agreement.

Licence: MIT

Permissive. You can use, modify and distribute it, including commercially, as long as you keep the copyright and licence notice.

This is a plain-English guide, not legal advice. Read the full licence text and check the repository for current terms and any commercial editions before you rely on it.

More in Design systems

  • Design systems

    Carbon Design System

    IBM's open-source design system for products and digital experiences.

    Apache-2.0

  • Design systems

    GOV.UK Design System

    The UK government's design system, with tested patterns for accessible public services.

    MIT

  • Design systems

    GitHub Primer

    GitHub's design system with React components and design guidance.

    MIT

Need a website designed and engineered to this standard?

Talk to DEIENAMI