百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

软件 常用的前端组件库

toyiye 2024-06-06 22:12 27 浏览 0 评论

本人常用的一些前端UI组件库,可以作为一个参考。

如果你是一名前端程序员、全栈程序员、或者对前端开发感兴趣的学生、开发者,希望对你能够有所帮助。

由于相关网站可能存在的变动问题,不保证相关的链接一直可用,望周知。

UI组件库(vue3)

(最常用的就是Element Plus(pc端,如后台管理系统)、Vant4(移动端,如前台ui界面)、Layui、Vexip UI、NutUI、TDesign这些,剩下的可根据需要选用,推荐新项目使用)

一个 Vue 3 UI 框架 | Element Plus

A lightweight, customizable Vue UI library for mobile web apps.

Layui - Vue 开源前端 UI 框架

Vexip UI - 创造有趣的开发体验

NutUI - 移动端 Vue2、Vue3、小程序 组件库

TDesign - 开源的企业级设计体系

HeyUI: A high quality UI Toolkit based on Vue3.0BalmUIFighting Design | Fighting DesignVant 4 - 轻量、可定制的移动端组件库Quasar Framework 中文网

Arco Design Vue安装 - Naive UI面向 Vue3 的 Material 风格移动端组件库

Naive UI: 一个 Vue 3 组件库PrimeVue - Vue UI Component Library

Vuestic UI — Vue 3 UI frameworkVue Material - Material Design for Vue.jsMand Mobile-面向金融场景的Vue移动端UI组件库

King Design设计解决方案ThorUI文档LuLu UI - 游刃于C端用户侧Web产品的UI组件库UIGG

Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools - Onsen UIGet started with Vuetify 3 — Vuetify

iView / View Design 一套企业级 UI 组件库和前端解决方案Formily - 阿里巴巴统一前端表单解决方案 - Formily

面向 Vue3 的 Material 风格移动端组件库

Element - 网站快速成型工具ssr 框架官方文档Fes.js | Fes.jsVue CalBuildAdmin

UI组件库(vue2)

(最常用的就是Element UI、vant2等,老项目维护)

Element - 网站快速成型工具

Vant 2 - 轻量、可靠的移动端组件库TuniaoUIJEUI前端组件库

Muse-UI

Mint UI

FormMaking

指南 - Vonic Documents

cube-ui Document

FrozenUI · 专注于移动web的UI框架,基于腾讯手机QQ规范.AT UI | O2Team

UI组件库(React)

(最经典的Ant Design)

Ant Design - 一套企业级 UI 设计语言和 React 组件库

Getting Started | Tippy.jsMantineReact

UI组件库(CSS)

(常用的就是Windi CSS)

Home | Windi CSS中文文档 - Tailwind CSS 中文文档

Bulma: Free, open source, and modern CSS framework based on Flexbox

CSS Tools: Reset CSSPico.css ? Minimal CSS Framework for semantic HTML

700+ CSS Icons, Customizable, Retina Ready & API

daisyUI — Tailwind CSS组件

Google Fonts API 使用入门 | Google Developers

Pure

Home | Windi CSSSass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网

Less 快速入门 | Less.js 中文文档 - Less 中文网

Normalize.css首页、文档和下载 - CSS框架 - OSCHINA - 中文开源技术交流社区

PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网

UI组件库(icon)

(iconfont是阿里的、IconPark是字节的,两个库各有千秋,iconfont图标更全一些,IconPark更好看一些。)

iconfont-阿里巴巴矢量图标库

ByteDance IconPark

Ionicons: Premium Open Source Icon Pack for Ionic Framework

Radix Icons

Ikonate – fully customisable & accessible vector icons

Tippy.js - Tooltip, Popover, Dropdown, and Menu Library

Bootstrap 图标库 · Bootstrap 官方开源图标(icon)库

iconmonstr - Free simple icons for your next projectRemix Icon - Open source icon library

Ic?nes

UI组件库(H5)

(Layui不用多说了)

Layui 开发使用文档 - 入门指南

Amaze UI | 中国首个开源 HTML5 跨屏前端框架

DWZ 移动端开发文档

MDUI - Material Design 样式的前端框架

ZUI - 开源HTML5跨屏框架

UI组件库(JS)

(最常用的就是日期库,Day.js和Moment.js 都挺不错的)

Format · Day.js

Moment.js | Home

Day.js中文网

Web-based tooling for BPMN, DMN, CMMN, and Forms | bpmn.io

bpmn-js: BPMN 2.0 rendering toolkit and web modeler | Toolkits | bpmn.io

Lodash 简介 | Lodash中文文档 | Lodash中文网

小程序

(小程序目前主流方案就是uni-app和Taro这两个)

uni-app官网Taro 介绍 | Taro 文档

Taro | 多端统一开发解决方案

uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架

ChatUI

介绍 - Vant Weapp

WeUIMUI-最接近原生APP体验的高性能前端框架

uni-simple-router

附录

友情推荐一个网站,前端程序员一定会喜欢,小而美,非常棒。

那些免费的砖:

那些免费的砖 - 优雅地白嫖各种免费资源

那些免费的砖首页



相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码