Design systems

Material Web

Material Design components as framework-agnostic web components.

Apache-2.0PermissiveTypeScript

Live preview ↗View on GitHub ↗

About Material Web

Google's Material components built as standard web components, so they work in any stack. Useful for studying motion, elevation and theming.

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 (Apache-2.0). Some projects also ask you to sign a contributor agreement. A doc fix or a reproduced bug is a real contribution.

Licence: Apache-2.0

Permissive. You can use, modify and distribute it, including commercially, keeping the licence and notices. It includes an express patent grant.

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