Mdc

screenshot of Mdc

Material Design 3 styled components for Vue3js.

Overview

Material Anti-Mage Vue is a Vue component library that offers easy-to-use and simple components. It provides comprehensive type support and is based on Vue3 and TypeScript. It utilizes the third-party library @material/material-color-utilities to easily create a set of color schemes that comply with the rules. Each component follows the design principles of Material Design 3, and the project ensures that each component conforms to the guidelines.

Features

  • ThemeProvider: Planned for 2023
  • Button: Planned for 2023
  • Fab: Planned for 2023
  • IconButton: Planned for 2023
  • Label: Planned for 2023
  • Divider: Planned for 2023
  • Elevation: Planned for 2023
  • Ripple: Planned for 2023
  • Input: Planned for 2024
  • Areatext: Planned for 2024
  • Dialog: Planned for 2024
  • Slider: Planned for 2024
  • Switch: Planned for 2024
  • Menu: Planned for 2024
  • Radio: Planned for 2024
  • Select: Planned for 2024
  • MORE: Not planned

Summary

Material Anti-Mage Vue is a Vue component library that provides a collection of easy-to-use components based on Vue3 and TypeScript. It follows the design principles of Material Design 3 and offers comprehensive type support. The library aims to ensure that each component complies with the guidelines. With the planned roadmap, it promises to deliver various components such as Button, Input, Dialog, and more.