自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

那些免费的砖

发现前端开源好项目

  • 博客(182)
  • 收藏
  • 关注

原创 TDesign AI Chat - Vue3.x 可用!腾讯出品的 AIGC 交互对话组件,免费开源、包含设计资源

TDesign AI Chat 是腾讯 TDesign 为 AIGC 场景开发的 Vue3.x 开源 UI 组件,专为构建 AI ChatBot 对话交互界面设计。最新 0.2 版本新增了思考过程、增强版输入框、加载动画等功能,并支持多语言,帮助开发者快速搭建 AI 对话应用。组件包含多个子模块,支持按需引入和自定义主题,内置 Markdown 渲染和流式传输功能,适用于类似 ChatGPT 的交互场景。此外,TDesign AI Chat 提供 Figma 设计资源,采用 MIT 开源协议,可免费用于商业

2025-05-19 14:08:59 425

原创 SnowAdmin - 功能丰富、简单易用的开源的后台管理框架,基于 Vue3 / TypeScript / Arco Design 等技术栈打造

SnowAdmin 是一款基于 Vue3、TypeScript 和 Arco Design 等技术栈打造的开源后台管理框架,以其高颜值和功能丰富而受到推荐。该框架内置了 RBAC 角色权限模型、动态路由权限拦截、多主题布局、暗黑模式、国际化等特性,使用 Pinia 替代 Vuex,并集成了 Prettier、ESLint 等代码规范工具。SnowAdmin 提供了清晰的目录结构和全注释代码,便于开发者快速上手。项目采用 MIT 开源协议,适合学习和商业使用,是一款开箱即用的高质量后台管理解决方案。

2025-05-12 15:56:50 628

原创 Dinero.js - 免费开源的 JavaScript 货币处理工具库,完美解决 JS 浮点数精度丢失问题

今天介绍一个在前后端处理货币的工具库,logo 很可爱,是一只蓝色的招财小猫。本文封面图底图来自免费。

2025-05-01 15:19:48 481

原创 autohue.js - 基于 JavaScript 开发的图片背景色提取开源库,能让图片和背景融为一体

图片提取主题色的工具库,可以实现一些酷炫的界面效果。

2025-04-22 15:20:21 423

原创 Barba.js - 免费开源的JavaScript 工具库,在网页上实现流畅、酷炫的过渡效果

这是阮一峰老师科技周刊推荐的前端工具库,花时间体验了一下,觉得很不错。

2025-04-14 13:59:43 412

原创 Heroicons - 漂亮精致的开源矢量图标库,由Tailwind CSS 官方出品,适配 Vue / React

漂亮精致的图标库,很难得地适配了超小尺寸的显示效果,实用性很强。

2025-03-24 11:41:18 642

原创 Uppy - 免费开源、功能强大的新一代 web 文件上传组件,支持集成到 Vue 项目

Uppy 这个优质的前端组件,可以解决几乎所有的文件上传问题,最近发布了 TS 重写的 4.0 新版本,实用性更强了。Uppy 是一个 UI 外观时尚、模块化的文件上传组件,这个组件可以与任何技术栈集成,不仅轻量速度快,拥有断点续传、国际化,以及预览、编辑和多文件上传的功能,提供的 API 很容易上手理解,可以帮开发者解决前端开发遇到的各种麻烦的文件上传问题。

2025-02-25 22:05:46 591

原创 Easing Wizard - 免费的 CSS 缓动曲线在线编辑器,前端开发做动画效果的必备工具

CSS 动画的缓动曲线函数不好写,特别是酷炫的过渡效果,这个工具可以很直观地调试和生成。

2025-02-07 09:46:29 928

原创 Wot Design Uni - 免费开源的移动端高颜值组件库,基于 Vue3 和 TS打造,uni-app 生态里的优质 UI 库

有一段时间没有推荐前端 UI 组件库了,今天写一篇来推荐这款好用的 uni-app 的 UI 组件库。

2024-12-30 11:55:27 1166

原创 Epic Spinners - 免费开源的 Vue3 加载动画组件,纯 CSS 实现的,动效精致酷炫

今天翻翻浏览器书签,看到这款细腻酷炫的加载动画,比之前见过的质量都精美,推荐给各位。

2024-12-02 11:24:20 595

原创 Certimate - 免费开源的 SSL 证书托管、自动续签工具,开发者维护 90 天免费证书的救星

很完美的 SSL 证书托管工具,安全可靠,简单易用。

2024-10-31 10:48:07 978 2

原创 PouchDB - 免费开源的 JavaScript 数据库,轻量易用,用于离线保存数据的场景

这个 JS 工具库可以让我们很容易地实现数据缓存到本地的需求,要写的代码量也很少。

2024-10-26 18:12:04 983

原创 TDesign - 腾讯出品的企业级开源设计系统越发成熟稳定,支持 Vue3 / 小程序,适合开发企业中后台和移动应用

TDesing 发展越来越好了,出了好几套组件库,很成熟稳定了,新项目完全可以考虑使用。

2024-10-08 11:23:41 2021

原创 Vue-Bag-Admin 采用漂亮的 Naive UI 构建的开源中后台系统,基于 Vue3 / Vite / TypeScript 等最新的前端技术栈

这是一款完成度很高、实用性很强的 admin 前端框架,颜值不错,推荐给大家。

2024-09-27 10:29:53 1618

原创 Canvas Confetti - 免费开源的五彩纸屑飞舞特效的 JS 库,多用于在网页上实现欢乐庆祝的场景

今天看科技周刊看到的一个酷炫的动效库,使用简单,视觉效果很好,推荐给大家。

2024-09-06 15:25:29 1532

原创 Quasar V2.16.4 新版发布,基于 Vue 3 的前端开发框架,一套代码发布到多端

Quasar 又发布新版本了,性能优秀的 Vue 组件开发框架,时隔3年再次推荐给大家。

2024-08-27 09:49:47 1243 1

原创 Nova Admin - 简洁干净、免费开源的后台管理系统,基于Vue3 / Vite5 / Typescript / Naive UI 等前端开发技术栈

今天看到一款 Vue3 后台管理 admin 系统,研究了一下发现很不错,推荐给大家。Nova-admin 是一个颜值在线,风格清新、简洁干净模板,包含了平时常用的管理后台功能页面模板。基础的 UI 组件基于我之前推荐的开发,我十分喜欢这款组件库,所以我花了点时间了解这款 admin 框架,发现很不错,于是就写一篇文章来介绍给大家。在互联网项目的初始阶段,admin 往往是最优先开发的项目,用来对整个项目的支持。为了实现这样的后台管理系统,我们一般都会选择一款好用的 admin 系统。

2024-07-23 10:13:49 1151

原创 DPlayer - 免费开源、轻量简洁的 HTML5 视频播放器,支持弹幕播放、清晰度切换、倍速播放

最近我在使用的一款简单容易集成的 web 视频播放组件,支持播放 B站弹幕。

2024-06-07 10:16:52 6670

原创 Uiverse - 这个网站提供 4000 多个优雅精致的前端 UI 元素/组件,拿来就可以用,全都免费开源

很多开箱即用的 UI 组件元素,无论是学习还是使用都很合适。

2024-05-19 21:03:00 3756 1

原创 DataV - 免费开源的 Vue / React 大屏数据展示组件库,使用简单、效果酷炫的前端数据可视化开发插件

最近公众号有粉丝留言说想找一款数据大屏组件,这篇文章推荐的这款还不错, Vue / React 都可以用。

2024-04-28 10:24:09 3862

原创 Lobe UI - 基于 AntDesign 开发的 AIGC Web 应用的开源 UI 组件库

今天推荐一个可以快速开发 ChatGPT UI 界面的组件库,质量很高,拿来就能用。

2024-04-10 11:04:17 1529

原创 ByteMD - 掘金社区 MarkDown 编辑器的免费开源的版本,可以在 Vue / React / Svelte 中使用

各位元宵节快乐,今天推荐一款字节跳动旗下掘金社区官方出品的 Markdown 编辑器 JS 开发库。

2024-03-21 11:05:32 1728 2

原创 weapp-tailwindcss - 在开发小程序中使用 tailwindcss 的最佳方式,免费开源,支持国内各家主流小程序平台

一个开发工具插件,可以理解为 tailwindcss 的小程序版本。weapp-tailwindcss 是一系列专门为而生的插件,主要解决在小程序中使用 tailwindcss 的问题,提升开发效率的全方面解决方案。

2024-02-29 16:44:16 1335

原创 BuildAdmin - 免费开源可商用!基于 ThinkPHP8 和 Vue3 等流行技术栈打造的商业级后台管理系统

一款包含 PHP 服务端和 Vue 前端代码的 admin 管理系统,实用性很强,推荐给大家。

2024-02-17 11:21:00 2388

原创 Ant Design Mini - 支付宝小程序官方推出的免费开源 UI 组件库,新增支持微信小程序,实用性大大增加

支付宝小程序官方的 UI 组件库开始支持运行在微信小程序上了,如果要开发这两家小程序平台,这套组件很合适。

2024-01-27 15:07:51 2270

原创 PDF.js - 免费开源的 JavaScript 读取、显示 PDF 文档的工具库,由 Mozilla 开发并且持续维护

最近新项目需要处理 PDF,研究了 PDf.js 之后觉得很不错,于是写篇文章推荐给大家。

2024-01-19 15:24:29 2260

原创 轮子不用自己造,看看我之前的推荐7款免费开源、简单好用、强大的 Vue 插件库/组件

这是之前我分享的几款 Vue.js 生态里可以直接使用的插件和组件。

2023-12-28 15:48:16 1226

原创 VueDraggablePlus - 免费开源的 Vue 拖拽组件,支持 Vue2 / Vue3,还被尤雨溪推荐了

今天在网上看到尤雨溪推荐的这款拖拽组件,试了一下非常不错,同样推荐给大家。

2023-12-18 11:58:12 2580

原创 ELADMIN - 免费开源 admin 后台管理系统,基于 Spring Boot 和 Vue ,包含前端和后端源码

一款简单好用、功能强大的 admin 管理系统,包含前端和后端源码,分享给大家。

2023-12-13 11:36:04 10002 1

原创 FastBootstrap - 知名软件开发商 Atlassian 出品的免费开源的 Bootstrap 主题,帮助开发者快速构建 web 项目

一个优质的 BootStrap 主题 UI,很适合用来开发网站应用,推荐给大家。

2023-12-06 05:03:26 473

原创 JavaScript 数组的 reduce 方法怎么用?用 5 个实际应用例子教会你

reduce 是一个很有用的函数,很多 JavaScript 初学者开始时不会用,这篇文章通过 5 个代码例子来帮助你彻底搞懂它。

2023-12-02 19:39:08 186

原创 Dexie.js - LocalStorage 不够用?试试这个简化 JavaScript 调用浏览器数据库的开源工具库

这是一套系统的 CSS 教程,CSS3 很多高级的写法,其实我们都使用在项目上了,但很少有人给我们系统地整理出来。

2023-11-28 10:18:25 602

原创 ModernCSS.dev - 来自微软前端工程师的 CSS 高级教程,讲解如何用新的 CSS 语法来解决旧的问题

这是一套系统的 CSS 教程,CSS3 很多高级的写法,其实我们都使用在项目上了,但很少有人给我们系统地整理出来。

2023-11-20 12:46:55 556

原创 CSS Loaders - 纯 CSS 实现的各种动画加载效果,代码简洁,全都只需要用一个元素

这个网站收集了很多 CSS 加载动画,代码很简单,效果很好,可以收藏以后查阅用。

2023-11-09 15:46:06 3245

原创 JavaScript 数组的 reduce 方法怎么用?用 5 个实际应用例子教会你

在 JavaScript 中,reduce()是数组的一个高阶函数,作用是把数组中的元素逐个迭代处理,最终输出为一个处理结果。reduce()上面这些例子展示了reduce()函数在不同场景下对数组执行的各种聚合和转换操作,总的来说,这是个非常有用的函数,希望看完这篇文章之后,能帮助你理解,像我一样逐渐喜欢使用这个方法。JavaScript 数组的 reduce 方法怎么用?用 5 个实际应用例子教会你。

2023-11-05 10:59:40 252

原创 使用 uni-app 开发项目,日期和时间如何格式化?

uni-app 官方有格式化时间和日期的组件,这篇文章展示两种方法来轻易实现这个需求。

2023-11-05 10:55:18 4983

原创 《 Hello 算法 》 - 免费开源的数据结构与算法入门教程电子书,包含大量动画、图解,通俗易懂

这本学习算法的电子书应该是我看过这方面最好的书了,代码例子有多种编程语言,JavaScript 也支持。

2023-11-05 10:51:02 1636

原创 Ionic 7 版本发布 - 免费开源、超受欢迎的移动应用开发 UI 工具包,主题优雅且完美支持 Vue.js

Ionic 是一款优秀的移动 UI 框架,迭代也很快,现在也支持了 Vue,是时候向大家推荐用来开发 APP 了。

2023-10-30 11:13:21 473

原创 uni-app 开发中,监听 input 键盘事件获取不到按下按键值怎么办?

uniapp 开发 H5 时,无法监听按钮键盘事件的原因以及解决方法。

2023-10-07 17:21:25 2694 1

原创 AutoAnimate - 无需任何配置,一行代码自动为元素添加优雅的过渡动画,可以搭配 Vue / React 和 Sevelt 使用

这个动画库只要一行代码就可以自动在我们的组件中添过渡动画,为什么这么省事高效呢?

2023-09-30 12:06:10 289

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除