Material Anti-Mage Vue
SourceColor

Anti-Mage

尝试我们的Material Design 3的实现, Anti-Mage, 为Vue3提供。

基于 Material Design 3 的设计原则

所有组件尽可能的符合MD设计规范。基于谷歌的天然的动态配色,和深色模式。 得益于Google的开源项目@material/material-color-utilities, 我们能够轻而易举地生成一套基于Material的配色.

请您尝试修改主题色和切换主题 (位于右上角的导航栏), 您将会从下图中看到变化.

primary on-primary secondary on-secondary tertiary on-tertiary error on-error surface on-surface surface-variant on-surface-variant inverse-surface inverse-on-surface background on-background
primary-container on-primary-container secondary-container on-secondary-container tertiary-container on-tertiary-container error-container on-error-container
surface-container-highest surface-container-high surface-container surface-container-low surface-container-lowest
surface-dim surface-bright surface-tint outline outline-variant shadow scrim inverse-primary
primary-fixed primary-fixed-dim on-primary-fixed on-primary-fixed-variant secondary-fixed secondary-fixed-dim on-secondary-fixed on-secondary-fixed-variant tertiary-fixed tertiary-fixed-dim on-tertiary-fixed on-tertiary-fixed-variant
primary-palette-key-color secondary-palette-key-color tertiary-palette-key-color neutral-palette-key-color neutral-variant-palette-key-color

完全的 TypeScript 支持

代码通过TypeScript构建,自然能够通过TS代码感知获取流畅地编码体验。