Code Monkey home page Code Monkey logo

materialweb's Introduction

Material Web

IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release.

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.

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 ❌ ❌ ❌

materialweb's People

Contributors

e111077 avatar 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 github-actions[bot] avatar rictic avatar straversi avatar dabolus avatar frankiefu avatar bramkragten avatar yonatankra avatar bicknellr avatar patrickrodee avatar release-please[bot] avatar vdegenne avatar kvizcarra avatar davie-robertson avatar andrewjakubowicz avatar vandeurenglenn avatar shinyaigeek avatar balloob avatar

Watchers

Sammy filly avatar

Forkers

renovate-bot

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.