| Design Patterns Game | 一个可以让前端开发者通过玩游戏，来学习设计模式的网站，网站分为设计模式介绍和游戏两部分。在游戏过程中，作者会提供用 JavaScript 实现的设计模式代码，你需要从 4 个答案中，判断代码所属的设计模式类型。 |  |
| leo | 京东前端技术团队在 GitHub 开源了一款前端脚手架工具，覆盖了前端开发全链路、可扩展、可定制的终端运行功能，并支持模板、构建器、扩展命令等丰富的周边生态扩展。 | |
| Doom Captcha | 西班牙有一位脑洞比较大的开发者，开源了一款游戏验证器：Doom Captcha，只有先通关作者提供的小游戏，才能通过网站验证。 | |
| DoodleCSS | 一个看起来很可爱的前端 UI 组件库，满满的卡通手绘风格。支持 Web 按钮、下拉菜单、文本框、复选框等多种 UI 组件。 | |
| Budibase | 一个开源的低代码平台，开箱即用、UI 设计简洁精美、功能强大。该项目可帮你更快开发商业级应用，支持单页面项目，具备自动化工作流程、响应式设计、外部数据源对接等特点。 | |
| e 家宜业 | 一套开源的智慧物业解决方案，主要包含装修登记、维修维护、车辆管理、访客通行、房产及业主档案管理、用户权限分配等功能，打通了小程序、PC、H5、智能硬件等多个终端。 | |
| TinyWebServer | 可应用于 Linux 系统下的一款轻量级 Web 服务器，主要目的是帮助新手开发者快速实践网络编程，搭建属于自己的服务器。 | |
| Responsive Halloween Website | 国外开发者 bedimcode 在 GitHub 开源了一个万圣节网站，该网站主要具备响应式布局、滚动动画、移动端优化、多平台设备兼容等特点。整体设计风格优雅、简洁，感兴趣的同学可以拿去练练手。 | |
| Checkboxland | 一个比较有意思的 JavaScript 库，可将任意内容转化为 HTML 复选框，用以展示各类动画、文本、图像、视频等内容。 | |
| Dim | 一个可帮助你快速搭建电影网站的媒体管理器，只需简单配置，即可快速组织与美化本地媒体库，让你随时随地播放本地媒体文件。 | |
| Music Website | 一个开源的音乐网站管理系统，实现了歌单、播放器、用户及音乐管理等常用功能。 | |
| wLogger | 一款集日志采集、日志解析持久化存储、Web 流量实时监控，三位一体的 Web 服务流量监控应用。 | |
| Appwrite | 一款开源的 Web 服务器，可帮你快速构建用户认证、数据库存储、文件管理、图像操作、地理位置检测等功能。 | |
| 「剑指前端 Offer」 | 一个开源的前端面试库，由国内多位互联网大厂工程师及前端独立开发者维护。开发者们可借助本书，快速了解面试的高频技术问题与解答，抑或通过书中题目和答案提纲，自主深入学习，查漏补缺。项目来自水友自荐。 | |
| YesPlayMusic | 一款颜值颇高的第三方网易云播放器，基于 Vue.js 全家桶开发，内置所有音乐播放器基础功能，支持 MV 播放、暗黑模式、自定义快捷键等功能。 | |
| Theatre.js | 一个蛮不错的前端动画设计库，可用于创建、设计酷炫丝滑的 Web 动画交互效果。开发者可通过编程或 Web 交互式组件来完成工作。 | |
| LogicFlow | 滴滴在 GitHub 开源的一款流程可视化的前端框架，主要提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便开发者快速在业务系统内满足类流程图的需求。 | |
| Browser 2020 | 一个值得前端开发者收藏学习的 GitHub 项目，里面收集了浏览器中一些较为冷门，却异常实用的接口，如商品支付、社交网络分享、消息推送、视频画中画、剪切板、AR 预览、用户身份凭证管理等多种接口。 | |
| 7.css | 一个小型 CSS 开源框架，可在 Web 页面上添加类似 Windows 7 风格的 UI 组件，其中包括对话框、按钮、下拉菜单、进度条、滚动条等组件。 | |
| 1loc | 如果你想知道一行 JavaScript 代码能实现哪些比较实用的功能，可以看看这个 GitHub 项目，该项目收集了共计 126 个代码片段，其中包含对数组、日期、函数、DOM 等常见代码模块的组件实现。 | |
| sparrow | 一个开源的场景化、低代码搭建工作台，可实时输出源代码 | |
| React Chrono | 一个开源的 React 组件，可帮你创建多种样式丰富的时间轴，支持以水平、垂直、树状等不同形式进行渲染，并可用幻灯片交互播放。 | |
| Online 3D Viewer | 一款可在 Web 页面上查看与调试 3D 模型的开源工具，支持环绕、平移、缩放等交互。开发者还可将 3D 模型内嵌到个人网站上。 | |
| Eruda | 一个开源的前端页面调试神器专为手机前端页面设计的调试面板，类似 DevTools 的迷你版，主要功能包括：捕获 console 日志、检查元素状态、捕获 XHR 请求、显示本地存储和 Cookie 信息等等。 | |
| Node.js 集成测试最佳实践 | 一份开源资料库：Node.js 集成测试最佳实践，主要包含 Node.js 集成测试实践清单、典型的项目实例、以及 Nest.js、Mocha、Jest、Express 等多个平台示例。 | |
| Webfunny | 一款开源的轻量级前端监控系统，可实时分析前端项目健康状态，并生成数据概览。拥有无埋点监控前端日志、程序错误定位、用户行为记录及排查、性能分析等功能。 | |
| Apollo | 一款开源的个人搜索引擎与 Web 爬虫，在收录网站 url 后，程序会自动抓取网站文字内容、视频字幕并存储。而后，用户便可通过搜索，快速查看爬取内容或访问网站源页面。 | |
| 360-sneakers-viewer | 国内一位前端开发者，基于 Three.js，为鸿星尔克写了一个「360° 全景看鞋展厅」，代码已在 GitHub 开源。 | |
| windows11 | 国外一名前端工程师，在 Web 上复现了 Windows 11 的界面及部分功能，项目主要基于 React 搭建而成。 | |
| PPTist | 一个基于 Vue3.x + TypeScript 的在线演示文稿应用，还原了大部分 PPT 常用功能，支持文字、图片、形状、线条、图表、表格等 6 种最常用的元素类型。 | |
| Puppy | GitHub 上有人基于 JavaScript V8 引擎和 Rust，搭建了一个微型浏览器，适合开发者用于学习和熟悉浏览器基础原理。 | |
| 50projects50days | 该项目一共含有 50 个纯使用 HTML、CSS 和 JavaScript 实现的小 Demo，这当中有加载动画、时钟主题、密码生成器、动画倒计时、在线绘图等多个小应用。 | |
| Fakeflix | 一个比较不错的 Netflix 克隆项目，实现了电影播放、搜索、注册登录、无限滚动等功能。还通过 HTML 与 CSS，实现了其经典的开场动画。 | |
| CSS Protips | 一个前端知识库，里面收集并整理了 CSS 相关的一些开发及使用技巧。 | |
| Map of Javascript | 开源的 JavaScript、数据结构与算法知识图谱。可用于日常工作或学习时的查漏补缺。 | |
| Utopia | 一款比较不错的前端开发工具，可在浏览器上为 React 项目及其组件，提供实时展示的设计与编码环境，进一步优化编程体验。 | |
| playground-macos | 作者基于 React 和 Tailwind CSS，在 Web 页面上实现了 macOS 的模拟界面 | |
| Revo Grid | 一款比较实用的前端组件，拥有可高度定制化的虚拟数据智能表格，涵盖了 Excel 上那些优秀特性。 | |
| 《带你入门前端工程》 | 一本开源的前端技术书籍，主要记录作者在近两年来，在前端工程师实践经验和学习心得方面的总结。 | |
| iMove | 一个逻辑可复用的，面向函数的，流程可视化的 JavaScript 工具库。拥有流程可视化、逻辑复用、灵活可扩展等特性。 | |