- 综合排序
- 最热优先
- 最新优先
- 来自专栏藏经阁
框架、组件库、UI框架、UI库
背景： 今天和一个前端小伙伴沟通的时候就框架和组件的称呼居然不一致。 事情是这样的，我和小伙伴在沟通一些问题的时候，她将uview、antd等称之为框架，而我内心想这些不是组件吗？ 这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库 、UI库、UI框架都是没问题的。 框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。
1.2K20编辑于 2023-03-04 - 来自专栏pandacode_cn
React框架 UI组件库
1. material-ui(国外) 官网: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui javascriptEnabled: true, modifyVars: { '@primary-color': 'green' }, } }), ); 备注：不用在组件里亲自引入样式了
53620编辑于 2023-07-07 - 来自专栏西里网CSDN博客
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. Panel 简介: 基于PyViz生态的仪表板库 特点: 支持多种渲染器，可与Bokeh、Matplotlib等集成 安装: pip install panel 示例: import Bokeh 简介: 交互式可视化库 特点: 提供丰富的交互功能 安装: pip install bokeh 示例: from bokeh.plotting import figure, 2) show(p) 选择建议 数据分析和可视化: Dash或Panel 快速原型开发: Streamlit 简单交互应用: PyWebIO 复杂交互可视化: Bokeh 所有库都支持部署为 本篇文章内容来源于：python web ui组件库
53110编辑于 2025-04-09 React UI组件库教程
一、3个最受欢迎的React UI 组件库1. MUIMaterial-UI 是一个开源的 React 组件库，实现了 Google 的 Material Design。 Headless UIHeadless UI 是一个提供完全未样式化、完全可访问的 UI 组件的 React 库，旨在与 Tailwind CSS 无缝集成。 与传统的 CSS-in-JS 库不同，Headless UI 注重组件的行为和可访问性，完全由你来负责视觉样式。 这使得从组件外部启用样式的定制性变得更加容易二、丰富且可定制的组件在实际项目开发中，一个优秀的 UI 组件库不仅需要提供丰富的组件类型，还必须允许开发者根据业务需求对组件进行灵活的定制。 Mantine UI 的组件库涵盖了多种场景下的常用组件，从基础的表单输入到复杂的布局和交互工具都应有尽有，同时提供了高度的可定制性，让开发者能够快速实现自己的设计目标。1.
1.1K00编辑于 2025-02-17- 来自专栏白菜博客
web前端UI组件库框架
前端UI组件框架使用规则 高效使用组件库框架 一找 找到需要使用的组件库。 原生：LayUI Vue：ElementUI React：Ant Design 移动端/小程序：VantUI 二开 打开组件库的官网文档，优先看【快速开始/开始使用】 三引 引入组件库 CDN (推荐) 下载本地代码包 包管理器(npm/yarn) 四选 根据你的小程序(网页)布局/动效等需要,选择组件. 五看 针对一个组件,仔细阅读文档,千万不要看到能用就立马拿起扳手打螺丝. 六粘 粘贴组件代码到网页文件(项目)中 七改 建议参照文档,根据实际需要修改代码. 比如内容,样式和行为.
1K20编辑于 2022-03-02 - 来自专栏埋名
React UI 组件库【uiw】发布
uiw react 高品质的UI工具包，基于React 16+的组件库。 ? 为了表示支持，点击 阅读原文 搞点Star，多多益善。
2.5K20发布于 2018-09-11 - 来自专栏编程进阶实战
值得推荐的Blazor UI组件库
前言 本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库，提供给广大C#/.NET开发者们学习和使用（注意：排名不分先后，都是十分优秀的开源框架和项目）。 本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好组件库推荐欢迎到以下GitHub项目地址留言或者在文末留言。 /microsoft/fluentui-blazor 项目介绍 Microsoft Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统 项目特点 丰富组件：包含Vuetify 1:1还原的基础组件，以及很多实用的预置组件和.Net深度集成功能，包括Url、面包屑、导航三联动，高级搜索，i18n等 UI设计语言：设计风格现代，UI 多端体验设计优秀 组件库，BlazorStrap的组件也支持响应式布局、主题定制以及多语言支持等功能，可以帮助开发者快速搭建出美观、易用的 Web 应用程序。
1.8K20编辑于 2023-06-10 - 来自专栏采云轩
如何基于 WebComponents 封装 UI 组件库
如何基于 WebComponents 封装 UI 组件库 https://www.zoo.team/article/web-components 前言 作为一名前端攻城狮，相信大家也都在关注着前端的一些新技术 ="(e) => { data = e.detail }"> 封装我们自己的组件库 设计目录结构 第一步：要有一个优雅的组价库我们首先要设计一个优雅的目录结构，设计目录结构如下 . └── cai-ui └── index.js. // 主入口 独立封装 独立封装我们的组件，由于我们组件库中组件的引入，我们肯定是需要把每个组件封装到单独文件中的。 实现了一份代码多个框架使用，却还没有霸占组件库的市场呢？ 我总结了以下几点： 更加偏向于 UI 层面，与现在数据驱动不太符，和现在的组件库能力上相比功能会比较弱，使用场景相对单一。
1.8K20编辑于 2022-08-30 - 来自专栏前端开发随笔
Nuxt引入element-ui组件库
npm i element-ui -S 完整引入 在plugins目录新建element-ui.js文件 import Vue from 'vue' import ElementUI from 'element-ui ' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 在nuxt.config.js添加 plugins: [ '@/plugins/element-ui' ],
1.5K30发布于 2021-04-07 - 来自专栏大数据
前端框架与库 - Material-UI组件库
Material-UI 是一个基于 React 的 UI 组件库，它遵循 Google 的 Material Design 设计规范，提供了丰富的预构建组件，极大地简化了前端开发过程。 Material-UI简介 Material-UI 不仅提供了美观的组件，还注重组件的可定制性和灵活性。它支持主题化，使得你可以轻松调整应用的整体外观，而无需从零开始设计界面。 2. 常见问题与易错点 2.1 忽略版本兼容性 Material-UI 的版本更新频繁，新版本可能引入了 API 变更或移除了旧组件。 3.3 关注无障碍性 使用 Material-UI 时，确保每个组件都具有适当的 ARIA 属性，如 aria-label，并遵循无障碍设计原则。 4. 示例代码 下面是一个使用 Material-UI 创建的基本按钮组件的示例： import React from 'react'; import Button from '@material-ui/core
1.9K10编辑于 2024-07-21 - 来自专栏Web前端
前端框架与库 - Material-UI组件库
Material-UI 是一个基于 React 的 UI 组件库，它遵循 Google 的 Material Design 设计规范，提供了丰富的预构建组件，极大地简化了前端开发过程。 Material-UI简介Material-UI 不仅提供了美观的组件，还注重组件的可定制性和灵活性。它支持主题化，使得你可以轻松调整应用的整体外观，而无需从零开始设计界面。2. 常见问题与易错点2.1 忽略版本兼容性Material-UI 的版本更新频繁，新版本可能引入了 API 变更或移除了旧组件。 3.3 关注无障碍性使用 Material-UI 时，确保每个组件都具有适当的 ARIA 属性，如 aria-label，并遵循无障碍设计原则。4. 示例代码下面是一个使用 Material-UI 创建的基本按钮组件的示例：import React from 'react';import Button from '@material-ui/core/
1.5K00编辑于 2024-07-20 - 来自专栏Java基础
前端组件库Element UI 的使用
介绍 Element UI 是一个基于 Vue 2.0 的桌面端组件库，主要用于构建快速、简洁的用户界面。 它提供一套丰富的组件和工具，能够帮助开发者快速构建高质量的 Vue 应用。Element UI 由饿了么前端团队开发，并开放源代码。 官网：组件 | Element 特点： 用法简单：Element UI 提供的组件具有统一的风格和用法，使得开发者能够快速上手并构建页面。 三、快速入门使用 3-1 安装Element UI组件 1.确保当前项目已经停止，在此页面按下CTRL + C，然后输入y，回车后项目就停止了 2.使用npm在当前项目安装Element UI组件，右键当前项目 查看项目结构，Element UI组件都被安装在node_modules下，至此Element UI安装成功 3-2 引入Element UI组件库 1.打开main.js，添加下面红色内容内容至红色方框
75810编辑于 2025-08-28 Chakra UI React组件库入门指南
今天我要和大家聊聊我最近用得特别顺手的一个React组件库 —— Chakra UI。如果你正在寻找一个灵活、易用且美观的UI组件库来加速你的React开发，那么这篇文章绝对不容错过（认真脸）！ 那么，废话不多说，让我们一起来深入了解这个令人惊艳的组件库吧。什么是Chakra UI？Chakra UI是一个简单、模块化且可访问的React组件库，它提供了构建React应用所需的所有构建块。 常用组件一览Chakra UI提供了丰富的组件库，几乎覆盖了所有常见的UI元素。 Chakra UI与其他UI库的比较我用过很多React UI库，那么Chakra UI与其他库相比如何呢？ 如果你喜欢Tailwind的理念但更喜欢组件化开发，Chakra UI是一个完美的选择。总结与建议经过这段时间的使用，我真心觉得Chakra UI是目前最好用的React UI库之一（没有之一？
48121编辑于 2025-09-25ZUI：组合式前端 UI 组件库
ZUI 3 是一个开源的前端 UI 组件库，它为开发者提供了一套现代化、无依赖、高度可定制、功能丰富的界面组件，旨在帮助开发者高效地构建美观、响应式的网页应用。 ZUI 3 提供了更全面的 CSS 工具类和组件，以及基于现代标准重写的 JS 组件。部分组件预览：普通模式使用：<! text: 'Blog'}, ]});Messager.show('你好，今天是：' + formatDate(new Date(), 'yyyy年M月d日'));</script>功能和特性：统一的 UI 配置：ZUI 3 使用 CSS 变量来统一管理 UI 配置，使得主题定制和样式调整变得简单快捷。 灵活的使用方式：开发者可以根据需要选择单独引入某个组件，或者引入整个库。支持通过 ESM 导入，也支持在浏览器中直接引用。
64810编辑于 2024-10-17- 来自专栏前端开发
集成 uni-ui 组件库
uni-ui 是基于内置组件的一个拓展补充，它是更加稳定和安全的，且适配多端。 我们来看到官方文档： 安装: npm i @dcloudio/uni-ui 配置自动导入组件： 使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 pages.json 并添加 easycom 节点： // pages.json { "easycom": { "autoscan": true, "custom": { // uni-ui ] } 重新启动 由于该项目使用了 TypeScript，因此存在这样一个问题：就是我们希望类型更加安全，就是可以希望组件有类型提示，但是呢？ 这个 uni-ui 组件使用的是 Js 进行开发的，因此没有类型的提示，此时：就可以安装一个插件： 现在就可以看到了
38210编辑于 2024-05-28 - 来自专栏人生代码
试水 element-plus ui 组件库
之前的团队，已经将 element-plus 开发出来了，看来我们可以在 Vue3 接着使用 element 了，在我的心目中 element 这个框架真的好，设计样式是最让我觉得友好，看着很舒服的 ui 组件框架。 第四步，我们需要按需要引入组件，所以我们需要安装以下插件： yarn add babel-plugin-component ? "styleLibraryName": "theme-chalk" } ] ] } 第五步：我们需要在 src/main.js 引入 element-plus 组件 => { app.use(plugin) }) app.mount('#app') 最后我们在 src/component/HelloWorld.vue 来使用 el-button 组件
1.8K10发布于 2020-12-29 - 来自专栏技术社区
微信小程序引入UI组件库
小程序如何引入第三方UI组件（通常也是基于npm） 1、打开cmd，在小程序根目录内，初始化npm npm init -y 2、执行命令安装 npm 包： 以微信官方WEUI组件库为示例 npm install /miniprogram_npm/weui-miniprogram/cell/cell " } } 6、点击文档中的组件示例代码，开始ctrl C + ctrl V吧~ 官方文档链接（这里是Slideview ： 链接: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html. vant-weapp 小程序组件库 安装步骤同1、2条具体使用看组件文档
1.3K20编辑于 2022-06-16 - 来自专栏编程进阶实战
微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor
前言 今天大姚给大家分享一个由微软官方开源（MIT License）、免费的Blazor UI组件库：Fluent UI Blazor。 全面的ASP.NET Core Blazor简介和快速入门 Fluent UI Blazor介绍 Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统。 该库可以帮助开发人员快速构建现代化的 Web 应用程序，并且与 Blazor 技术相结合，可以实现高效而灵活的单页应用程序开发。 Blazor是什么？ 项目源代码 部分UI组件截图 在线使用文档：https://www.fluentui-blazor.net Checkbox InputFile Number field Radio Date &
1.1K10编辑于 2024-06-04 - 来自专栏前端实验室
这款跨平台UI组件库，真绝了！！！
相信大家都听说过跨平台开发，大家接触过最多的也就是uview、vant这些跨平台组件库，今天大师兄就给大家介绍一个新的跨平台UI组件库——First UI First UI First UI号称将出品多种框架下组件库供开发者使用 版本与微信小程序版本——FirstUI UNI版 特点 支持多端App-vue（Android、IOS）、App-Nvue（Android、IOS）、小程序、H5等 提供开箱即用的常用布局，极大程度节省开发成本 UI 样式可配置，拓展灵活，轻松适应不同的设计风格 100+ 丰富的组件，能够满足移动端开发的基本需求 UI FirstUI UNI版分为 开源版 和 商业版，所有示例或文档中加 VIP专属的表示需要开通 FirstUI UNI不仅有常见的 按钮、弹窗等组件，还新增了许多新组件 spin 旋转动画 组件 Result结果页 数字滚轮 生成条形码： 拖拽排序 还有许多实用又有趣的组件： 安装使用 ，可以在 页面 中直接使用组件 <fui-button text="默认按钮"></fui-button> 如果你对这个新的UI组件库感兴趣，不妨去看看，里面一些新的组件和动画效果，说不定可以可以让你眼前一亮
66120编辑于 2022-12-02 - 来自专栏Web行业观察
打造一套安全的UI组件库！
但是老衲我找遍整个外网发现唯独没有利用Web Component标准库实现的前端框架，要知道组件化可是Vue，React和Angular的招牌卖点之一，如今Web Component标准库可以完美提供原生的组件化开发模式 ，这直接意味着前端框架市场仍然有风口，而我选择使用Web组件标准库来开发UI框架的最大卖点是：安全。 不过有了closed模式结合闭包和Symbol足够来打造属于我自己的安全组件库了！以上都是铺垫，下面是精彩部分。 打造一套属于自己的UI组件库：UISec ? 准则一：用户与组件的责任分离 上述所有的安全措施都防止了外界对组件内部的入侵，但想要开发一套安全组件库，还需要阻止内部对外部的恶意输出，为此我制定了一套用户和组件的责任分割线： 对用户来说，用户可以修改组件 这种设计模式来源于Vue等框架，虽说数据与UI是分离的，但许多情况下对于一个功能，是可以将相关的数据和相关的UI组件放在一块儿。
1.5K41发布于 2019-08-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号