uniapp 常用 UI 组件库

1. uView UI

在这里插入图片描述

  • 特点
    • 组件丰富:提供覆盖按钮、表单、图标、表格、导航、图表等场景的内置组件。
    • 跨平台支持:兼容 App、H5、小程序等多端。
    • 高度可定制:支持主题定制,组件样式灵活。
    • 实用工具类:提供时间、数组操作等工具方法。
    • 良好文档和社区支持
  • 适用场景:需要快速开发常规多端项目,注重组件质量和样式一致性。
  • 开源热度:GitHub stars 568,Gitee stars 555。
  • 官网链接:https://uviewui.com/

2. TDesign请添加图片描述

  • 特点
    • 企业级设计体系:由腾讯出品,组件设计优秀,覆盖多端。
    • 技术支持:支持 Vue2、Vue3、React 等多种框架。
    • 组件丰富:提供丰富的组件,适合复杂项目。
    • 注重设计和视觉效果
  • 适用场景:注重设计和视觉效果的项目,基于 Vue3 的 uni-app 项目。
  • 开源热度:GitHub stars 2.7k。
  • 官网链接:https://tdesign.tencent.com/

3. NutUI

在这里插入图片描述

  • 特点
    • 京东风格:京东开源,稳定可靠。
    • 组件丰富:支持多端,提供电商类组件如 SKU 选择器。
    • 技术支持:基于 Vue3 构建。
  • 适用场景:电商类项目开发,使用 Vue3 技术栈的 uni-app 项目。
  • 开源热度:GitHub stars 5.4k。
  • 官网链接:https://nutui.jd.com/3x/#/

4. Varlet UI

在这里插入图片描述

  • 特点
    • Material 风格:基于 Vue3 开发的 Material 风格移动端组件库。
    • 组件丰富:提供多种组件,适合移动端开发。
    • 技术支持:支持 Vue3。
  • 适用场景:移动端项目,注重 Material 设计风格。
  • 开源热度:GitHub stars 4.2k。
  • 官网链接:https://varletjs.org/#/zh-CN/index

5. Thor UI

在这里插入图片描述

  • 特点
    • 轻量简洁:组件轻量、简洁、全面。
    • 多端支持:支持微信小程序和 uni-app。
    • 适用场景:轻量型项目或小型项目。
  • 适用场景:微信小程序和 uni-app 项目,注重轻量和简洁。
  • 开源热度:GitHub stars 2.3k。
  • 官网链接:https://www.thorui.cn/h5/#/

6. ColorUI

在这里插入图片描述

  • 特点
    • 视觉效果强大:支持渐变、阴影等丰富的样式。
    • 多种风格组件:适合有设计需求的项目。
    • 社区活跃:支持多端。
  • 适用场景:需要高颜值设计和强大视觉效果的项目。
  • 开源热度:GitHub stars 1.7k。
  • 官网链接:https://colorui.0i-i0.com/#/

7. wot-ui

在这里插入图片描述

  • 特点
    • 组件数量多:提供 71 个组件,包括基础、表单、数据、反馈、布局、导航等。
    • 技术支持:基于 Vue3 和 TypeScript 构建。
    • 多端支持:支持 H5、App、小程序等多端。
  • 适用场景:需要丰富组件和 TypeScript 支持的项目。
  • 开源热度:GitHub stars 492。
  • 官网链接:https://wot-design-uni.cn/

8. uView Plus

在这里插入图片描述

  • 特点
    • uView 升级版:主要对标 Vue3 技术栈。
    • 组件丰富:提供多种组件,支持多端。
    • 良好文档和社区支持
  • 适用场景:基于 Vue3 的 uni-app 项目,需要高质量组件和良好社区支持。
  • 开源热度:GitHub stars 362。
  • 官网链接:https://uview-plus.jiangruyi.com/

9. TuniaoUI

在这里插入图片描述

  • 特点
    • 组件数量适中:提供 55 个组件。
    • 技术支持:基于 Vue3 和 TypeScript 构建。
    • 多端支持:支持 H5、App、小程序等多端。
  • 适用场景:需要 TypeScript 支持的项目。
  • 开源热度:GitHub stars 192。
  • 官网链接:https://vue2.tuniaokj.com/

10. Grace UI请添加图片描述

  • 特点
    • 简单轻量:功能简单易用,学习成本低。
    • 多端支持:适配 uni-app,支持多端。
  • 适用场景:小型项目或轻量化开发。
  • 开源热度:GitHub stars 122。
  • 官网链接:https://www.graceui.com/

推荐选择

  • 快速开发多端项目:uView UI、TDesign。
  • App 和小程序项目:uView UI、Varlet UI。
  • 微信小程序为主:Vant Weapp、Thor UI、TDesign。
  • 轻量项目:Thor UI、Grace UI、ColorUI。
  • 电商项目:NutUI、Vant Weapp。
  • 注重设计和视觉效果:ColorUI、TDesign。
  • Vue3 技术栈项目:Varlet UI、NutUI、TDesign。

根据项目的具体需求和团队的技术栈,选择适合的组件库能够显著提升开发效率和用户体验。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/981582.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Gpt翻译完整版

上一篇文章收到了很多小伙伴的反馈,总结了一下主要以下几点: 1. 说不知道怎么调api 2. 目前只是把所有的中文变成了英文,如果想要做多语言还需要把这些关键字提炼出来成放到message_zh.properties和message_en.properties文件中&#xff0c…

【MATLAB例程】三维下的IMM(交互式多模型),模型使用CV(匀速)、CT(匀速转弯)和CA(匀加速),滤波使用EKF。附完整代码

本文介绍一个三维IMM(Interacting Multiple Model)算法,该算法用于目标跟踪,结合了不同运动模型(匀速、匀加速和转弯)。代码使用MATLAB编写,包含仿真、模型预测和结果可视化。订阅专栏后,可直接获得完整代码 文章目录 运行结果完整代码代码解析1. 初始化环境2. 仿真参数…

未来经济范式争夺战:AR眼镜为何成为下一代交互终端的制高点?

未来经济范式争夺战:AR眼镜为何成为下一代交互终端的制高点? 在蒸汽机轰鸣的工业革命时代,煤炭、铁路、电报构建了第一个现代经济范式;互联网时代,电力、光纤、物流网络重构了全球经济版图。当前,我们正站…

【Python爬虫】爬取公共交通路网数据

程序来自于Github,以下这篇博客作为完整的学习记录,也callback上一篇爬取公共交通站点的博文。 Bardbo/get_bus_lines_and_stations_data_from_gaode: 这个项目是基于高德开放平台和公交网获取公交线路及站点数据,并生成shp文件,…

如何将飞书多维表格与DeepSeek R1结合使用:效率提升的完美搭档

将飞书的多维表格与DeepSeek R1结合使用,就像为你的数据管理和分析之旅装上一台涡轮增压器。两者的合作,不仅仅在速度上让人耳目一新,更是将智能化分析带入了日常的工作场景。以下是它们如何相辅相成并改变我们工作方式的一些分享。 --- 在…

一周学会Flask3 Python Web开发-在模板中渲染WTForms表单视图函数里获取表单数据

锋哥原创的Flask3 Python Web开发 Flask3视频教程: 2025版 Flask3 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili 为了能够在模板中渲染表单,我们需要把表单类实例传入模板。首先在视图函数里实例化表单类LoginForm,然…

阿里通义万相2.1模型在亚马逊云科技ECS容器中的私有化部署

本文将主要介绍同义万相v2.1视频生成模型的在AWS上部署的初步测试 通义万相AI模型介绍 通义万相模型是阿里云负责大规模生成式模型的团队,最近发布了通义万相2.1(以下称Wan 2.1),这是一个“全面开源的视频基础模型套件,突破了视频生成的边界…

苍穹外卖-阿里云OSS文件上传

苍穹外卖-阿里云OSS文件上传 一、阿里云OSS简介**获取AccessKey**获取enpoint 二、代码实现1 引入依赖2 定义OSS相关配置2.1 application-dev.yml2.2 application.yml 3 读取OSS配置3.1 AliOssProperties 4 生成OSS工具类对象4.1 AliOssUtil4.2 OssConfiguration2.5 CommonCont…

8.路由原理专题

路由器数据转发原理,路由表、FIB、快速转发表的关系 路由的控制平面与转发平面 控制平面:负责路由计算,维护;路由协议运行在控制平面 转发平面:进行数据包的封装,报文转发,路由表,FIB表,快速转发表等 控制平面与转发平面相互独立又协同工作 路由器检查数据包的目…

详细分析KeepAlive的基本知识 并缓存路由(附Demo)

目录 前言1. 基本知识2. Demo2.1 基本2.2 拓展2.3 终极 3. 实战 前言 🤟 找工作,来万码优才:👉 #小程序://万码优才/r6rqmzDaXpYkJZF 基本知识推荐阅读:KeepAlive知识点 从实战中学习,源自实战中vue路由的…

Free Auto Clicker - 在任意位置自动重复鼠标点击

“想让鼠标自己动起来,解放双手去做更有趣的事?”Free Auto Clicker 就像你的数字小助手,能在任意位置自动重复点击鼠标。从玩游戏到刷网页,这款免费工具让你告别枯燥的重复操作,效率瞬间起飞! 你有没有想…

【人工智能】GPT-4 vs DeepSeek-R1:谁主导了2025年的AI技术竞争?

前言 2025年,人工智能技术将迎来更加激烈的竞争。随着OpenAI的GPT-4和中国初创公司DeepSeek的DeepSeek-R1在全球范围内崭露头角,AI技术的竞争格局开始发生变化。这篇文章将详细对比这两款AI模型,从技术背景、应用领域、性能、成本效益等多个方…

蓝桥杯第15届真题解析

由硬件框图可以知道我们要配置LED 和按键、lcd,解决lcd引脚冲突 LED 先配置LED的八个引脚为GPIO_OutPut,锁存器PD2也是,然后都设置为起始高电平,生成代码时还要去解决引脚冲突问题 按键 按键配置,由原理图按键所对引…

51c自动驾驶~合集22

我自己的原文哦~ https://blog.51cto.com/whaosoft/11870502 #自动驾驶数据闭环最前沿论文 近几年,自动驾驶技术的发展日新月异。从ECCV 2020的NeRF问世再到SIGGRAPH 2023的3DGS,三维重建走上了快速发展的道路!再到自动驾驶端到端技术的…

【Python】——使用python实现GUI图书管理系统:Tkinter+SQLite实战

本文将通过一个完整的python项目——图书管理系统,演示如何利用Tkinter构建GUI 界面,结合SQLite数据库实现增删改查功能。代码简洁易懂,适合python初学者学习和二次开发。 一、项目功能概览 图书管理:添加、查看、修改、删除图书…

Docker创建自定义网桥并指定网段

前言 docker0是Docker默认网络的核心组件, 通过虚拟网桥和NAT技术, 实现了容器间的通信以及容器与外部网络的交互。然而, docker0网段是固定的(通常是172.17.0.0/16), 为了更灵活地管理容器网络,Docker支持创建自定义网桥,允许用户指定网段。 例如, 在…

Spring Boot集成Spring Ai框架【详解 搭建Spring Ai项目,以及简单的ai大模型智能体应用,附有图文+示例代码】

文章目录 一.Spring Ai介绍1.0 认识Spring Ai1.1 特征1.1 大模型专业名字介绍1.1.1 RAG(检索增强生成)RAG 的基本原理RAG 的关键技术RAG 的优势RAG 的应用场景 1.1.2 fine-tuning(微调)1.1.3 function-call(函数调用) 1.2 创建简单的Spring Ai项目 二.Spring Ai简单的智能应用2…

51c自动驾驶~合集53

我自己的原文哦~ https://blog.51cto.com/whaosoft/13431196 #DriveTransformer 上交提出:以Decoder为核心的大一统架构写在前面 & 笔者的个人理解 当前端到端自动驾驶架构的串行设计导致训练稳定性问题,而且高度依赖于BEV,严重限…

【C语言】联合体 `union` 的妙用

C 语言联合体的妙用:结合 . 和 -> 操作符与 typedef 的深入剖析 在 C 语言中,联合体(union)是一种独特的复合数据类型,因其内存共享特性而在内存优化、类型切换和底层操作中展现出妙用。与结构体(struct)不同,联合体允许同一块内存存储不同类型的数据,提供高效且灵…

UDP协议(20250303)

1. UDP UDP:用户数据报协议(User Datagram Protocol),传输层协议之一(UDP,TCP) 2. 特性 发送数据时不需要建立链接,节省资源开销不安全不可靠的协议 //一般用在实时性比较高…