快捷搜索:  汽车  科技

常用vueui框架(前端全兼容ui组件库)

常用vueui框架(前端全兼容ui组件库)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:

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

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

常用vueui框架(前端全兼容ui组件库)(1)

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

常用vueui框架(前端全兼容ui组件库)(2)

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

常用vueui框架(前端全兼容ui组件库)(3)

常用vueui框架(前端全兼容ui组件库)(4)

安装

通过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>

常用vueui框架(前端全兼容ui组件库)(5)

常用vueui框架(前端全兼容ui组件库)(6)

常用vueui框架(前端全兼容ui组件库)(7)

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

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

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

猜您喜欢: