前端优秀开源项目
文章平均质量分 81
那些免费的砖
前端开发工程师,也是UI设计师。博客 thosefree.com
展开
-
TinyVue - 华为云 OpenTiny 出品的企业级前端 UI 组件库,免费开源,同时支持 Vue2 / Vue3,自带 TinyPro 中后台管理系统
华为最新发布的前端 UI 组件库,支持 PC 和移动端,自带了 admin 后台系统,完成度很高,web 项目开发又多一个选择。原创 2023-08-25 12:51:42 · 2975 阅读 · 0 评论 -
Pure Admin - 基于 Vue3 / Vite / Pinia 等主流技术栈打造的免费开源中后台管理系统,包含前后端源码
功能很强大、安装很小巧的免费截图、录屏工具,提供很多使用的工具来帮我么能解决问题,推荐给大家。原创 2023-02-27 11:06:47 · 10189 阅读 · 2 评论 -
Frappe Charts - 免费开源、轻量无依赖的 web 图表库,简单不臃肿,支持搭配 Vue / React 等框架使用
一个小巧的图表库,基于 SVG 生成图表,使用很简单,推荐给大家。原创 2023-02-08 11:22:35 · 959 阅读 · 0 评论 -
Kenney Assets - 提供数以万计免费商用的游戏制作素材下载,包括 2d、3d素材,游戏音效和游戏 UI
来自荷兰的游戏公司开放了自家游戏的素材包,制作很精美,下载后无需取得授权就能直接商用。原创 2023-01-31 15:56:11 · 1553 阅读 · 0 评论 -
Bulma - 免费开源的纯 CSS 前端 UI 框架,专注于构建移动优先的响应式 web 界面
简单易用的 CSS 框架,虽然只有一个 CSS 文件,但功能很强大,在国外很受开发者欢迎,推荐给大家。原创 2023-01-07 22:56:35 · 986 阅读 · 0 评论 -
Vant 4 - 新版本发布!有赞出品的 Vue3 移动端 UI 组件库,轻量好用,免费开源
主流的 Vue 移动端组件库 Vant 迎来了第四个大版本的更新,用来开发手机端项目非常好用,强烈推荐给各位开发者使用。原创 2022-12-19 10:23:10 · 3255 阅读 · 0 评论 -
Vue Material - 基于谷歌 Material Design 打造的前端组件库,用 Vue 开发海外应用的绝佳选择
一位朋友问我用 vue 开发 APP 在谷歌商店上架,有什么简单的 UI 组件库,我推荐了这款,同样推荐给各位。原创 2022-12-12 19:00:11 · 3886 阅读 · 0 评论 -
Mand Mobile - 滴滴出品的适用于金融项目的 Vue 移动端 UI 组件库,免费开源、灵活快速、丰富实用
推荐一款可用性很强的移动 UI 组件库,交互细致,有不少直接就可以用的金融行业的组件。原创 2022-12-02 15:52:46 · 1414 阅读 · 0 评论 -
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器,专门为搭配 Element UI 使用优化,使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能。原创 2022-11-17 09:29:06 · 2395 阅读 · 1 评论 -
Fighting Design - 由个人开发的 Vue3 前端组件库,上手使用简单、灵活
一个新的 Vue3 组件库,使用简单,配置灵活,作者是一个个人开发者,值得关注。原创 2022-11-07 14:01:19 · 842 阅读 · 0 评论 -
KingDesign - 金山云出品的设计系统,包含一套支持 vue3 的前端 ui 组件库
金山云的开源组件库更新版本了,设计系统和开发工具都更完善,前端组件库支持 Vue2、Vue3 和 React。原创 2022-10-23 11:13:40 · 891 阅读 · 0 评论 -
Squoosh - 免费开源图片压缩工具,图片大小减少90%!支持 API 开发调用
免费开源在线图片压缩工具,效果惊人,支持多种格式。原创 2022-09-13 13:13:48 · 909 阅读 · 0 评论 -
SCUI Admin - 基于 Vue3 和 Element Plus 开发的 admin 前端 UI 框架,不仅免费开源,还有很多现成的业务组件、页面模板
Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库。原创 2022-09-01 18:41:50 · 7960 阅读 · 2 评论 -
推荐 8 个支持 Vue3 的前端 UI 组件库,免费开源、漂亮美观,涵盖常用的业务组件
Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库。原创 2022-08-23 14:29:42 · 10204 阅读 · 1 评论 -
Fuse.js - 免费开源、小巧无依赖的模糊搜索 JavaScript 工具库
一个优秀的搜索工具库,简单几行代码就可以实现模糊搜索,体积小巧无依赖。原创 2022-08-15 12:33:16 · 2154 阅读 · 0 评论 -
Vexip UI - 新轮子推荐,由个人开发者打造的 Vue3 UI 组件库,免费开源、开箱即用
有一段时间没有推荐admin框架了,若依这款后台框架很强大,提供了vue版本,很实用,推荐给大家。原创 2022-07-26 11:53:58 · 1023 阅读 · 0 评论 -
RuoYi Vue - 若依框架的 Vue 版本,免费开源、生态强大、专业的 admin 后台管理系统,基于 Vue + Element
有一段时间没有推荐admin框架了,若依这款后台框架很强大,提供了vue版本,很实用,推荐给大家。原创 2022-07-18 10:04:51 · 12835 阅读 · 0 评论 -
node-xlsx - 简单几行代码处理导入、导出 excel 表格数据,免费开源的 javascript 工具库
最近开发的项目上需要把数据导出为 xlsx 文档,找了一圈,发现 node-xlsx 简单好用,分享给各位。在 web 开发中,管理后台生成 excel 报表并且下载,一个很常用的功能,很多 javascript 开发者也提供了很多的这方面的工具卡来实现这一功能。今天介绍的 node-xlsx 就是一个基于 node.js 和 SheetJS 、处理 xlsx 格式的工具库。最近在做电商后台的订单管理部分,需要将订单数据导出给运营同事,也需要导入处理好的订单报表。虽然之前也研究过用纯 javascript原创 2022-07-04 20:39:11 · 1957 阅读 · 0 评论 -
daisyUI - 主题漂亮、代码纯净,免费开源的 Tailwind CSS 组件库,不需要堆砌 class 名
漂亮有特色的 CSS 组件库,组件代码非常简洁,也支持深度定制主题、定制组件,可以搭配 Vue / React 等框架使用。daisyUI 是一款极为流行的 CSS UI 组件库,作者 Pouya Saadeghi 基于大名鼎鼎的 Tailwind CSS 框架构建的组件库。截止发文日期,已经在 Github 得到 11,200 Star, 944,600 次 NPM 安装。Tailwind CSS 是一个功能类优先的 CSS 框架,通过类似于 .flex、.pt-4、.text-center、.rotat原创 2022-06-27 11:59:26 · 6151 阅读 · 0 评论 -
Hippy - 值得关注的免费开源跨端开发框架,由腾讯出品,支持将 JS 代码发布到安卓 / iOS / web
腾讯出品的多端开发工具,用 javascript 来开发 app,有一定的应用场景,值得关注。Hippy 是一个由腾讯出品的跨端开发框架,据称内部历经3年时间打磨,现在开放给所有开发者使用。Hippy 这个框架让开发者可以使用 javascript 语言来开发应用,运行到 iOS、Android 和 Web等多个平台,同时支持目前最流行的 Vue 和 React,使得前端开发者可以更容易开发 APP。到目前为止,Hippy 框架已经被应用在腾讯公司内部超过 27 款主流的 App,包括手机QQ、QQ浏览器、原创 2022-06-24 09:36:53 · 1117 阅读 · 0 评论 -
Squoosh - 谷歌出品的免费开源图片压缩工具,图片大小减少90%!支持 API 开发调用
谷歌出品的免费开源在线图片压缩工具,效果惊人,支持多种格式。Squoosh 是谷歌出品的一款在线图像压缩工具,使用简单,有极高的压缩比,能够帮助我们把图片大小进行压缩,不管是设计 UI 切图、自媒体文章配图还是 PPT 配图这样的使用场景,都要用到压缩图片。我们知道,具有超高压缩比的 webp 图片格式,就是谷歌发布的,而 Squoosh 也是一个面向开发者推广 webp 图片格式的开发工具。压缩图片我们一般会想到用 Photoshop 这样的专业图像处理软件,不过今天介绍的 Squoosh 使用起来非常简原创 2022-06-20 10:47:17 · 1695 阅读 · 0 评论 -
Driver.js - 开源无依赖的 web 新手交互引导工具库,功能强大、高度可定制
可以快速实现新手引导效果,自带动画,体验优秀,而且还能高度定制。Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库,主要的作用是为刚接触应用的新手用户快速了解产品,帮助用户把注意力聚焦到某项功能,从而快速熟悉我们的开发的产品,截止发文 star 已经高达 13.5k!无论是开发 APP 还是 web 应用,新手引导都是一个很常见的需求,一般在这2个方面需要新手引导:最近开发的需求中,就是因为改版变化较大,需要做指示引导。交互体验好的新手引导功能,包含动效、遮罩和元素定位等,开原创 2022-06-06 11:43:28 · 1034 阅读 · 1 评论 -
Ionicons - Ionic 出品的免费开源、高性能图标库,适用于 web / APP / 桌面应用
Ionic Framework 内置的图标库,免费开源、数量多,性能还不错,无论是开发还是设计,都是一个优质的资源。关于 IoniconsIonicons 是一个完全开源的图标集,是知名混合开发框架 Ionic Framework 内置的图标库,包含 1300 个为 Web / iOS / Android 和桌面应用程序专门定制的图标。Ionic Framework 是一个跨平台的混合开发和 Web App 框架,这个框架之前写过的文章 vonic 中有提到过,简单地说就是使用 javascript .原创 2022-05-17 13:33:30 · 5096 阅读 · 0 评论 -
Thor UI - 轻量简洁的免费开源移动端 UI 组件库,支持原生小程序和 uni-app
用来快速开发原生小程序或者通过 uni-app 来开发任何小程序甚至是 APP 的组件库,但我很好奇中文名是不是译作雷神 UI。Thor UI 介绍Thor UI 是一款开发移动端网页应用、小程序的前端 UI 组件库,uni-app 版本还可以编译成为安卓/ iOS APP 应用,特点是轻量、简洁,组件覆盖比较全面,使开发更高效。技术特性提供近百个高质量前端 UI 组件,美观优雅,体验成熟,覆盖移动端大部分业务场景默认支持编译发布到 APP 端 (iOS 和 Android)、H5、微信小程.原创 2022-05-09 08:28:01 · 2260 阅读 · 0 评论 -
NutUI Bingo - 基于 Vue 3.0 的移动端抽奖组件,由京东前端团队打造
京东出品的抽奖组件,12个常用抽奖场景,基于新的Vue3/ts技术构建。关于 NutUI BingoNutUI Bingo 是由京东 NutUI 前端团队出品的一款基于 NutUI + Vue 3 的抽奖组件库,用于快速开发营销活动和小游戏场景的抽奖玩法。NutUI Bingo 抽奖组件技术特性一共包含 12 种抽奖组件UI 设计基于京东 APP 10.0 视觉规范官网提供详尽的文档和充足的代码示例基于 Vue 3.0,也支持 TypeScript,支持按需引入便捷灵活的自定义设置.原创 2022-04-15 10:40:52 · 1677 阅读 · 0 评论 -
Varlet UI - 基于 Vue3 的免费开源 Material 风格移动端 UI 组件库,被尤雨溪/阮一峰等推荐
一款优秀的国产移动 UI 组件库,基于 Vue3,还被尤雨溪推荐了,值得关注。关于 VarletVarlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,自2020年4月21日正式发布 1.0 版本以来,已经持续维护了将近一年的时间。Varlet 的作者是一位专科毕业、来自四川在无锡工作的前端开发者。因所在公司打算开发某个与 Vue3 相关的组件库,他自告奋勇包揽下这个活。后来公司考虑成本、投资回报等原因不打算继续提供支持,作者联合两位好友继续完善下去,发.原创 2022-04-10 19:53:12 · 6845 阅读 · 4 评论 -
highlight.js - 让网页上的代码高亮美化的免费开源工具库
一行代码就能让我的网站支持代码高亮的工具库,也支持在 Vue 中使用,强烈推荐给大家。关于 highlight.jshighlight.js 是一款使用 javascript 开发代码高亮工具库,能够让网页上的代码显示接近我们使用的代码编辑器的高亮样式,从而看起来更舒服,增强阅读体验。highlight.js 的技术特性支持 197 种开发语言和 246 种代码高亮风格主题自动开发语言检测支持多种语言混合代码同时高亮支持任何 HTML 标签,不仅仅是支持 npm 安装,可以在 Vue..原创 2022-03-30 15:17:51 · 3109 阅读 · 0 评论 -
xgplayer.js 西瓜播放器 - 字节跳动团队出品的免费开源 HTML5 视频播放组件,内置解析器、也能节省流量
一个功能强大,符合国内视频播放业务的 web 视频播放组件,由西瓜视频技术团队官方出品。关于西瓜播放器西瓜播放器 (xgplayer.js) 不是一个看片软件,而是一个 Web 开发上的视频播放器类库,也是一个独立的 UI 组件,用来实现在网页上播放视频的功能。不仅在 UI 层有灵活的表现,同时也集成了对 flv、hls、dash 的点播和直播支持,尤其是在 mp4 点播上很便捷,让本来不支持流播放的 mp4 格式视频能够分段加载,无须转换格式实现清晰度无缝切换、加载控制、节省视频流量的需求,节省服务.原创 2022-03-26 22:37:21 · 8406 阅读 · 0 评论 -
Vuestic UI - 免费开源的高质量 Vue3 UI 组件库,还内置了漂亮的 Vuestic Admin 后台框架
漂亮的 Vue 3 组件库,风格大气国际化,自带 admin 框架,开箱即用,要是有中文文档就更好了。关于 Vuestic UIVuestic UI 是一套由 Epicmax 团队开发的一套基于 Vue.js 的 web 开发组件库,最近更新发布了 Vue3 版本,希望用 Vue .js 的专业知识以最佳方式构建一个可用性强且全面的开源工具。Vuestic UI 在发布后不久,便成为使用 Vue 构建的最受欢迎的组件库之一。Vuestic UI 的团队 Epicmax 是全球排名前15位的 Vue.原创 2022-03-19 12:21:48 · 2730 阅读 · 0 评论 -
cnchar - 功能全面、支持多端的汉字拼音笔画开源 JS 库
一个汉语拼音、笔画相关的 js工具库,体积小巧,功能全面,通过简单易用的 api 操作汉字。关于 cnchar.jscnchar.js 是一个完成度很高的汉字处理库,你能想得到的和汉字拼音、相关的需求,它都一一实现了,拥有功能全面,使用简单,轻量小巧,按需引入等吸引开发者的各项特色。cnchar.js 的作者是一位来自同济大学的开发者,目前主要从事游戏开发,早在 2017 年就开始开发 cnchar.js,一开始只是一个方便获取汉字拼音和笔画的工具库,后来不断迭代,先后实现了大量的汉字相关的功能,.原创 2022-03-10 10:26:37 · 5187 阅读 · 0 评论 -
LuLu UI - 腾讯阅文集团出品的“半封装” 开源 Web UI 组件库,特点是面向设计、简单灵活、支持 Vue
阅文集团前端大神张鑫旭的团队出品的面向设计的前端 UI 组件库,上手简单,定制性强。关于 LuLu UILuLu UI 是一款面向桌面端和移动端网页开发的组件库,由阅文集团前端团队出品。阅文集团由腾讯文学(代表产品QQ阅读)和盛大文学(代表产品起点中文网)合并而成。LuLu UI 始于2015年,已成功支持多个千万 PV 大型项目,迭代优化多年,是一个较成熟的免费开源框架。和目前绝大多数的 UI 组件库不同,LuLu UI 只封装了功能,没有封装 UI ,因此是一个面向设计的“半封装”组件库,特点.原创 2022-03-04 17:54:37 · 559 阅读 · 0 评论 -
Hilo - 阿里巴巴出品的免费开源 H5 游戏引擎,轻巧无依赖,适合用来开发营销互动小游戏
今天推荐一个适合用来做营销小游戏的 H5 游戏引擎,轻量简单容易上手,快速上线提前下班靠它了。关于 HiloHilo 是阿里团队推出的一个开源的 H5 游戏引擎,特点是对非游戏从业的前端开发者非常友好,轻量无依赖,适合用来开发营销小游戏。作为一款阿里团队内部一直在使用游戏引擎,Hilo 活跃在阿里系大量的电商节日和活动中,比如往年的双十一狂欢城、手机淘宝中使用 webview 加载的打年兽、618 抢豪车、双十一红包雨等 H5 互动游戏,都基于 Hilo 开发。Hilo H5 游戏引擎的技术特.原创 2022-02-24 22:41:29 · 3802 阅读 · 0 评论 -
Pico.css - 简单优雅的纯 CSS 开源 UI 框架,用原始的 HTML 元素标签来做界面
不同浏览器对网页默认的组件解析样式不一致,而且不够美观,网页样式开发需要大量时间,今天介绍一款优雅的 CSS 框架。关于 Pico.cssPico.css 是一个简单轻量化的 CSS UI 框架,最大的特点是样式都基于 HMTL 原始的标签名和内置的属性,少用甚至是不用 class 来定义样式,写出来的代码语义清晰,可维护性强,能够帮助开发者构建自己的 UI 系统,也可以直接用于快速的小型项目中。截止发文日期,Pico.css 在 Github 上已经有高达 3898 个 Star。Pico.c.原创 2022-02-18 21:49:20 · 2856 阅读 · 0 评论 -
TDesign - 腾讯出品的免费开源企业级设计体系,配套前端 UI 组件库同时支持 Vue 2 和 Vue 3
鹅厂新鲜出炉的企业级设计系统,支持 Vue 2、Vue 3 和 React,设计优雅、业务组件丰富,值得深入研究。关于 TDesignTDesign 是腾讯官方出品的产品研发解决方案,是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系,汇集了腾讯众多优秀组件库能力和设计研发经验。和阿里的 Ant Design 类似,除了提供了开箱即用的前端开发 UI 组件库,还配备了设计指南和设计资源,帮助研发团队专注业务,让设计师和前端工程师以优雅高效的方式将设计和研发从重复劳动中解放出来,快速构.原创 2022-01-25 15:44:12 · 1455 阅读 · 0 评论 -
Uigg - 免费开源、灵活的高颜值前端 UI 工具套件,专为设计师打造
配色漂亮、设计优秀的 web 基础 UI 套件,使用很简单,会 html 和 css 就能上手,是当前前端主流工程化开发中的一股清流。关于 UiggUigg 是为设计师打造的配色漂亮、设计细节感人的前端框架,主要思想是:自由和灵活性。相比于很多开发至上、效率至上的 UI 框架,Uigg 没有提供网格,开发迭代优化等会限制设计师发挥的元素。只提供了基本 web 元素,酷炫的特效,全面的图标以及很多有趣的东西。而且它非常易于使用,这使您可以专注于设计,而不是代码。Uigg 的技术特性Uigg 基于.原创 2022-01-18 12:36:48 · 1491 阅读 · 0 评论 -
Day.js - 免费开源、极简的 javascript 时间日期库,Moment.js 的优秀替代品
Moment.js 的 2kB 轻量化代替方案,拥有同样强大的 API。关于 Day.jsDay.js 是一个极简的 JavaScript 库,主要为现代浏览器解析、验证、操作和显示日期和时间而生,通过简单通用的 api,解决开发中对时间、日期处理的需求。Day.js 的技术特性仅仅 2kb 左右占用空间,无论是加载还是执行都是极简的和 Moment.js 有着相同的 API 和模式,上手无成本所有更改 Day.js 对象的API操作都返回新的实例,防止错误和避免长时间的调试会话提供国际.原创 2022-01-04 10:51:03 · 793 阅读 · 0 评论 -
TDesign - 腾讯出品的免费开源企业级设计体系,配套前端 UI 组件库同时支持 Vue 2 和 Vue 3
鹅厂新鲜出炉的企业级设计系统,支持 Vue 2、Vue 3 和 React,设计优雅、业务组件丰富,值得深入研究。关于 TDesignTDesign 是腾讯官方出品的产品研发解决方案,是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系,汇集了腾讯众多优秀组件库能力和设计研发经验。和阿里的 Ant Design 类似,除了提供了开箱即用的前端开发 UI 组件库,还配备了设计指南和设计资源,帮助研发团队专注业务,让设计师和前端工程师以优雅高效的方式将设计和研发从重复劳动中解放出来,快速构.原创 2021-12-27 09:03:55 · 2072 阅读 · 1 评论 -
Zdog.js - 免费开源、使用简单、超轻量的 javacript 3D 模型引擎
一个轻量有趣的 3D 引擎,可以用来做一些简单的 3D 模型展示。关于 Zdog.jsZdog.js (下称Zdog)是一款基于<canvas>和 SVG 的 JavaScript 3D 引擎,通过简单的 api 可以让我们在 Web 页面上设计和渲染简单的 3D 模型。Zdog 是一个伪 3D 引擎。其几何形状存在于3D空间中,但被渲染为平面形状。这使得 Zdog 很特别。Zdog 的作者是 Metafizzy,既是一位设计师,同时也是开发工程师。开发 Zdog 的灵感源自于一款于 .原创 2021-12-23 00:38:21 · 1012 阅读 · 0 评论 -
BalmUI - 基于 Vue 3 的模块化且高度可定制化的 Material Design 风格 UI 组件库
一款漂亮大气、交互动效优秀的 Vue 3 UI 组件库,看看都有哪些值得关注的地方吧。关于 BalmUIBalmUI 是一款由 Balm.js (一款类似 Vue CLI 的前端工作流工具)团队打造前端 UI 组件库,基于最新的 Vue 3 构建,开箱即用,定制化强,设计风格完全遵循谷歌的 Material Design 设计规范,是一款交互体验非常优秀的 UI 组件库。BalmUI 的特色提炼自企业级中后台产品的交互效果和视觉风格,美观大方,细节体验极佳开箱即用。不仅是一款高质量的 Vu.原创 2021-12-14 15:06:21 · 2052 阅读 · 0 评论 -
ArcoDesign - 字节跳动团队最新开源的企业级产品设计系统,包含一套Vue3/React UI 组件库
在刚结束的2021稀土开发者大会上,头条和抖音的母公司字节跳动开源了ArcoDesign / SemiDesign 两款 UI 组件库,本文主要介绍 ArcoDesign。关于 ArcoDesignArcoDesign 基于字节跳动公司内部的 Byte Design 升级而来,在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,在前两天由掘金举办的《稀土开发者大会2021》上开源了,这不仅仅是一款 UI 组件库,而是一个能力全面的企业级产品设计系统。ArcoDesign 主要解决在打造中后台应.原创 2021-12-04 00:55:59 · 5681 阅读 · 0 评论