# museui/muse-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/museui-muse-ui).**

8,152 stars · 883 forks · Vue

## Links

- GitHub: https://github.com/museui/muse-ui
- Homepage: https://muse-ui.org
- awesome-repositories: https://awesome-repositories.com/repository/museui-muse-ui.md

## Topics

`material` `muse-ui` `vue` `vue2` `vuejs2`

## Description

Muse UI is a Vue 2.0 component library that provides a set of pre-styled user interface components implementing Google's Material Design guidelines. It is designed as a UI framework for building consistent Material Design interfaces in Vue.js 2.0 applications.

The library uses Vue's plugin-based component registration pattern, allowing components to be registered globally and enabling selective imports. Components communicate through Vue's custom event system, and the library includes a configurable theming layer built with CSS custom properties and SCSS variables that maps to Material Design color and typography specifications. Each component uses Vue's scoped CSS for style isolation, and the library integrates Vue's transition system for Material Design motion guidelines.

The component set supports rapid UI prototyping by providing ready-made components that follow Material Design principles, eliminating the need for custom CSS in many cases. Components leverage Vue's slot system for flexible content composition and layout injection.

## Tags

### Web Development

- [Vue Component Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries.md) — Provides a comprehensive collection of reusable Vue 2.0 components built as single-file components with reactive data binding.
- [Material Design Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries/material-design-libraries.md) — Provides a collection of pre-styled Vue 2.0 components implementing Google's Material Design guidelines.
- [Vue.js Frameworks](https://awesome-repositories.com/f/web-development/vue-js-frameworks.md) — Provides a UI framework with reusable Material Design components specifically designed for Vue.js 2.0 applications.

### User Interface & Experience

- [Component Registration Patterns](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-registration-patterns.md) — Registers components globally via Vue's plugin pattern, enabling tree-shaking and selective imports.
- [Material Design Components](https://awesome-repositories.com/f/user-interface-experience/component-rendering-engines/material-design-components.md) — Provides pre-styled UI components that implement Material Design guidelines for building consistent interfaces. ([source](https://www.muse-ui.org/))
- [Component Communication](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-apis/communication-data-flow/component-communication.md) — Provides event-based communication between parent and child components using Vue's custom event system.
- [Theming Systems](https://awesome-repositories.com/f/user-interface-experience/design-token-theming/material-design-systems/theming-systems.md) — Ships a configurable theming layer with CSS custom properties and SCSS variables for Material Design colors and typography.
- [Material Design UI Kits](https://awesome-repositories.com/f/user-interface-experience/material-design-ui-kits.md) — Provides pre-styled components following Material Design guidelines for building Vue.js 2.0 user interfaces.
- [Slot-Based Content Projection](https://awesome-repositories.com/f/user-interface-experience/slot-based-content-projection.md) — Leverages Vue's slot system for flexible content composition and custom layout injection.
- [Style Encapsulations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/style-encapsulations.md) — Uses Vue's scoped CSS to isolate component styles, preventing conflicts while allowing theme overrides.
- [UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries.md) — Offers a collection of reusable Material Design-styled UI components for installation in Vue.js applications. ([source](https://museui.github.io/))
- [Component Transitions](https://awesome-repositories.com/f/user-interface-experience/component-transitions.md) — Integrates Vue's transition system to implement Material Design motion guidelines with enter/leave animations.

### Software Engineering & Architecture

- [UI Prototyping](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping/ui-prototyping.md) — Enables rapid assembly of Material Design interfaces using ready-made components without custom CSS.

### Part of an Awesome List

- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Responsive UI library with consistent cross-platform styling.
- [UI](https://awesome-repositories.com/f/awesome-lists/more/ui.md) — Listed in the “UI组件” section of the Awesome Github Vue awesome list.