Vue Material 3

Appearance

Vue Material 3Material Design 3 components for Vue 3.

Practical, composable UI primitives with a Storybook-first component workflow and dedicated guide documentation.

Get Started
Component Reference
Storybook

Vue 3 Components

Buttons, fields, menus, navigation, dialogs, date pickers, and other Material 3 primitives.

Themeable Foundations

Tokens, typography, elevation, shape, and component styles are kept close to Material Design 3 concepts.

Live Examples

Use Storybook for interactive component states while VitePress handles installation, theming, migration, and API docs.

Storybook ​

Use Storybook to inspect component variants, controls, and visual states interactively.