Giter Club home page Giter Club logo

material-web's Introduction

Material Web

Material Web is Google’s UI toolkit for building beautiful, accessible web applications.

Material Web is implemented as a collection of web components. Material 3 is the latest version of Google’s open-source design system.

Tip: Check out the quick start guide to jump in.

Roadmap

Alpha components are in-development and may have many frequent breaking changes.

Beta components are mostly polished and ready for use, but may still have breaking changes.

Stable components are reviewed, documented, and API complete.

  • ❌ Not started
  • 🟡 In progress
  • ✅ Complete

v1.0.0 (2023)

Component Alpha Beta Stable
Button ✅ ✅ ❌
FAB ✅ ✅ ❌
Icon button ✅ ✅ ❌
Checkbox ✅ ✅ ❌
Chips ✅ ✅ ❌
Dialog ✅ ✅ ❌
Divider ✅ ✅ ✅
Elevation ✅ ✅ ✅
Focus ring ✅ ✅ ✅
Field ✅ ✅ 🟡
Icon ✅ ✅ ❌
List ✅ ✅ ❌
Menu ✅ ✅ ❌
Progress indicator (circular) ✅ ✅ 🟡
Progress indicator (linear) ✅ ✅ 🟡
Radio button ✅ ✅ ❌
Ripple ✅ ✅ ✅
Select ✅ ✅ ❌
Slider ✅ ✅ ❌
Switch ✅ ✅ ❌
Tabs ✅ ✅ ❌
Text field ✅ ✅ 🟡

Future

These features are planned for a future release.

Component Alpha Beta Stable
Autocomplete ❌ ❌ ❌
Badge 🟡 ❌ ❌
Banner ❌ ❌ ❌
Bottom app bar ❌ ❌ ❌
Bottom sheet ❌ ❌ ❌
Segmented button 🟡 ❌ ❌
Card ❌ ❌ ❌
Data table ❌ ❌ ❌
Date picker ❌ ❌ ❌
Navigation bar 🟡 ❌ ❌
Navigation drawer 🟡 ❌ ❌
Navigation rail ❌ ❌ ❌
Search ❌ ❌ ❌
Snackbar ❌ ❌ ❌
Time picker ❌ ❌ ❌
Tooltip ❌ ❌ ❌
Top app bar ❌ ❌ ❌

Browser support

This project aims to support the latest two major versions of browsers at the time of each release.

Current browsers and versions supported:

Browser Version
Chrome 112 +
Edge 112 +
Firefox 113 +
Safari* 16.4 +

* previous versions of Safari may be supported with an ElementInternals polyfill.

material-web's People

Contributors

asyncliz avatar dfreedm avatar material-web-copybara avatar tedium-bot avatar aomarks avatar allan-chen avatar abhiomkar avatar joyzhong avatar sayris avatar 43081j avatar estebang23 avatar taylor-vann avatar e111077 avatar github-actions[bot] avatar rictic avatar straversi avatar dabolus avatar frankiefu avatar andrewjakubowicz avatar bramkragten avatar yonatankra avatar bicknellr avatar patrickrodee avatar release-please[bot] avatar vdegenne avatar kvizcarra avatar davie-robertson avatar vandeurenglenn avatar shinyaigeek avatar balloob avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.