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 count.
  3. Make a small change. Fork the repository, work on a branch, and keep the change focused.
  4. Open a pull request. Say what changed and why, and link the issue. See open pull requests.

Contributions are accepted under the project's own licence (MIT). Some projects also ask you to sign a contributor agreement. A doc fix or a reproduced bug is a real contribution.

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 licence in the repository before you ship it or sell a service on top of 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