这款跨平台UI组件库，真绝了！！！

大家好,我是前端实验室的大师兄！

相信大家都听说过跨平台开发，大家接触过最多的也就是uview、vant这些跨平台组件库，今天大师兄就给大家介绍一个新的跨平台UI组件库——First UI

First UI

First UI号称将出品多种框架下组件库供开发者使用，其中包含uni-app、微信小程序、支付宝小程序、Taro等

但是目前上线的版本只有uni-app版本与微信小程序版本——FirstUI UNI版

特点

• 支持多端App-vue（Android、IOS）、App-Nvue（Android、IOS）、小程序、H5等
• 提供开箱即用的常用布局，极大程度节省开发成本
• UI 样式可配置，拓展灵活，轻松适应不同的设计风格
• 100 丰富的组件，能够满足移动端开发的基本需求

UI

FirstUI UNI版分为 开源版 和 商业版，所有示例或文档中加 VIP专属的表示需要开通UNI版会员才可获取源码使用。

FirstUI UNI不仅有常见的 按钮、弹窗等组件，还新增了许多新组件

• spin 旋转动画 组件

• Result结果页

• 数字滚轮

生成条形码：

拖拽排序

还有许多实用又有趣的组件：

安装使用

npm 安装

代码语言：javascript复制

npm install firstui-uni

使用

在页面中引用、注册

代码语言：javascript复制

import fuiButton from "@/components/firstui/fui-button/fui-button"
export default {
 components:{
  fuiButton
 }
}

引入组件后，可以在 页面 中直接使用组件

代码语言：javascript复制

<fui-button text="默认按钮"></fui-button>

如果你对这个新的UI组件库感兴趣，不妨去看看，里面一些新的组件和动画效果，说不定可以可以让你眼前一亮

github链接：https://github.com/FirstUI/FirstUI 项目地址：https://doc.firstui.cn/

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。

小程序 微信 ios android github

0 人点赞