那些免费的砖-优快云博客

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

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

2025-03-24 11:41:18 502

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

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

2025-02-25 22:05:46 557

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

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

2025-02-07 09:46:29 820

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

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

2024-12-30 11:55:27 1023

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

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

2024-12-02 11:24:20 537

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

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

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

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

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

2024-10-26 18:12:04 898

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

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

2024-10-08 11:23:41 1805

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

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

2024-09-27 10:29:53 1592

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

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

2024-09-06 15:25:29 1467

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

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

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

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

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

2024-07-23 10:13:49 1068

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

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

2024-06-07 10:16:52 6066

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

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

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

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

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

2024-04-28 10:24:09 3706

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

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

2024-04-10 11:04:17 1448

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

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

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

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

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

2024-02-29 16:44:16 1279

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

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

2024-02-17 11:21:00 2219

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

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

2024-01-27 15:07:51 2208

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

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

2024-01-19 15:24:29 2146

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

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

2023-12-28 15:48:16 1209

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

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

2023-12-18 11:58:12 2532

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

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

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

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

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

2023-12-06 05:03:26 464

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

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

2023-12-02 19:39:08 181

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

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

2023-11-28 10:18:25 588

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

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

2023-11-20 12:46:55 554

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

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

2023-11-09 15:46:06 3172

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

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

2023-11-05 10:59:40 245