最近一段时间比较忙，忙着升级vue3、学习vite.js，svelte.js... 好久没有来分享了。

今天给大家分享一个超棒的支持所有前端框架的UI组件库MTU Design。

MTU-design 响应式跨框架的UI组件库，基于Web Components封装，兼容 React 、 Vue/3 等前端框架，也可以在 electron 中引入使用。

特性

• 响应式；自适应不同分辨率设备，并在窗口或组件发生变化时更新样式(横屏竖屏)。
• 跨框架；兼容所有框架，无论是原生开发还是任何前端框架均可引入使用。
• 零依赖；不依赖任何第三方库。
• 按需引入；借助 webpack 或 vite，你可以按需引入组件，减少体积。
• 本地化；完全中文的开发文档支持。
• 无门槛；基于 Web Components 封装，如同常规的 div、select 的布局使用。
• SEO；支持SEO，后端渲染的MVC应用。

安装

通过Nodejs构建项目，如 Vite、 Vue-cli、 Create React App，我们强烈建议您通过npm方式安装。

npm i mtu -D

使用演示

在vue3+vite中使用。

//main.js
import { createApp } from 'vue'
import 'mtu'
import 'mtu/style'
import App from './App.vue'

createApp(App).mount('#app')

<!--App.vue-->
<template>
  <m-button>Hello World!</m-button>
</template>

非常不错的一款ui组件库，需要的小伙伴们可以去看看哈。

// 官网
https://mtu.desgin

// 仓库地址
https://gitee.com/apprat/mtu
https://github.com/apprat/mtu

ok，今天的分享就到这里，感谢大家的阅读。