Design systems

GitHub Primer

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

MITPermissiveTypeScript

Live preview ↗View on GitHub ↗

About GitHub Primer

Principles, components and tokens behind GitHub's interface. Good inspiration for developer-facing products and clear information hierarchy.

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

    Shopify Polaris

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

    MIT

  • Design systems

    GOV.UK Design System

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

    MIT

Need a website designed and engineered to this standard?

Talk to DEIENAMI