Skip to main content

CurateClick

www.firstui.cn favicon

FirstUI 移动端UI组件库

FirstUI是一套超高性能、超高颜值的移动端UI综合解决方案,提供uni-app、微信小程序、支付宝小程序等版本,包含组件库、功能库和模板库,支持vue3和nvue,兼顾高效率与高性能。

Check out FirstUI 移动端UI组件库 on CurateClick

• Copy the embed code to showcase this product on your website

• Share on X to spread the word about this amazing tool

firstui# First UI 移动端框架优质选择目前微信小程序版+uniapp版更新至1.6.0,完美支持vue3。First UI是一套超高性能、超高颜值的移动端UI综合解决方案,包含业内顶尖的组件库、强大的功能库、丰富精美的模板库,提供uni-app(完美支持nvue)、微信小程序、支付宝小程序等版本,兼顾高效率与高性能,让您的开发获得百倍提质提速! FirstUI 将出品多种框架下组件库供开发者使用,其中包含uni-app、微信小程序、支付宝小程序、Taro等,后期将会陆续上线,目前上线的版本有uni-app版本与微信小程序版本!## FirstUI UNI版First UI UNI版 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序(微信、支付宝、百度、字节、QQ)、H5。官网地址:https://www.firstui.cn文档地址:https://doc.firstui.cn## FirstUI 微信小程序版FirstUI-weixin 是一套基于微信小程序开发的组件化、可复用、易扩展、低耦合的原生微信小程序UI组件库。官网地址:https://www.firstui.cn文档地址:https://wxdoc.firstui.cn==============================================================# FirstUI UNI版 快速上手使用 First UI 前,请确保你已经学习并熟练使用过 uni-app star this repo fork this repo npm license ### 安装#### 方式一 :通过 npm 安装

使通过 npm 安装,需要先通过 vue-cli 创建 uni-app 项目,详见
js// # Using npmnpm install firstui-uni#### 方式二 :通过下载代码
通过 GitHub 或者 FirstUI官网(VIP) 下载 First UI 的代码,然后 将 components/firstui/ 目录拷贝到自己的项目中。
js// # GitHubgit clone https://github.com/FirstUI/FirstUI.git#### 方式三 :选择需要的模块引入
下载 First UI 的代码,在 components/firstui/ 目录下找到需要的组件拷贝到自己的项目中。
### 如何使用按照以下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看。
第一种:在页面中引用、注册
jsimport fuiButton from "@/components/firstui/fui-button/fui-button"export default {components:{fuiButton}}
第二种:easycom组件规范
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步,如果不了解easycom,可先查看 官网文档
pages.json 中 添加配置: js// 下载安装时配置"easycom": {"autoscan": true,"custom": {"fui-(.*)": "@/components/firstui/fui-$1/fui-$1.vue"}}// 使用npm安装时配置(配置完成后重新编译运行)"easycom": {"autoscan": true,"custom": {"fui-(.*)": "firstui-uni/firstui/fui-$1/fui-$1.vue"}}
### 使用组件引入组件后,可以在 页面 中直接使用组件 html<fui-button text="默认按钮"></fui-button>### 相关链接官网地址:https://www.firstui.cn文档地址:https://doc.firstui.cnGitHub地址:https://github.com/FirstUI/FirstUI### 其他说明First UI分为 开源版商业版,所有示例或文档中加 V 的表示需要开通会员才可获取源码使用,会员内容不会发布到任何公开渠道。开通会员、版权约束说明以及详细介绍请参考 FAQ中 会员介绍

Latest Weekly Picks

Predict video virality before you publish.

Virality Predictor

Powerful Motion Control AI Video Generator

Motion Control AI

PlusGO 是面向中国大陆用户的 ChatGPT Plus 代充值服务平台。使用官方 CDKey,支持支付宝和微信扫码支付,平均 2 分钟完成 Plus 开通,自 2025 年起已为超过 10,000 名用户完成充值。

www.toolcenter.ai favicon
Weekly Pick

Discover the Best AI & Productivity Tools — 1,500+ tools with honest reviews.

ToolCenter
huntereyes.net favicon
Weekly Pick

AI Eye Area Evaluation

Hunter Eyes
www.payforchat.com favicon
Weekly Pick

Subscribe to ChatGPT Plus/Pro in 1 minute — no international credit card needed.

PayForChat
happyhorseai.ai favicon
Weekly Pick

Happy Horse AI Creates Videos with Motion and Storytelling

Happy Horse
promptbuilder.cc favicon
Weekly Pick

Generate, optimize, test, and manage AI prompts in one place. Turn an idea into a ready-to-use prompt in seconds.

Prompt Builder