NoteZ_技术博客 NoteZ_技术博客
🏠 首页
  • 📚 Web技术
  • 📋 Npm笔记
  • 📑 Markdown
  • 📄 Git笔记
  • 📝 Nginx文档
  • 📓 Linux文档
  • 📖 技术文档
  • 📜 其他文档
  • 🧊 NodeJs
  • 🎡 Express
  • 🔥 Rust
  • 🎉 Koa2
  • 🍃 MongoDB
  • 🐬 MySql
  • 🥦 Oracle
  • 🍁 Python
  • 🍄 JavaScript
  • 🌰 CSS
  • 🧄 HTML
  • 🥑 Canvas
  • 🌽 Nuxt
  • 🍆 React
  • 🥜 Vue
  • 🧅 TypeScript
  • 🌶️ AI
  • 📘 分类
  • 📗 标签
  • 📙 归档
⚜️ 在线编辑 (opens new window)
  • 📁 站点收藏
  • 📦 前端组件库
  • 📊 数据可视化
  • 🌈 开源插件
  • 🎗️ 关于我
  • 🔗 友情链接
GitHub (opens new window)

NoteZ_技术博客

前端界的小学生
🏠 首页
  • 📚 Web技术
  • 📋 Npm笔记
  • 📑 Markdown
  • 📄 Git笔记
  • 📝 Nginx文档
  • 📓 Linux文档
  • 📖 技术文档
  • 📜 其他文档
  • 🧊 NodeJs
  • 🎡 Express
  • 🔥 Rust
  • 🎉 Koa2
  • 🍃 MongoDB
  • 🐬 MySql
  • 🥦 Oracle
  • 🍁 Python
  • 🍄 JavaScript
  • 🌰 CSS
  • 🧄 HTML
  • 🥑 Canvas
  • 🌽 Nuxt
  • 🍆 React
  • 🥜 Vue
  • 🧅 TypeScript
  • 🌶️ AI
  • 📘 分类
  • 📗 标签
  • 📙 归档
⚜️ 在线编辑 (opens new window)
  • 📁 站点收藏
  • 📦 前端组件库
  • 📊 数据可视化
  • 🌈 开源插件
  • 🎗️ 关于我
  • 🔗 友情链接
GitHub (opens new window)
  • Web技术

  • Git笔记

  • Linux文档

  • Markdown

  • Nginx文档

  • Npm笔记

  • 技术文档

  • 其他文档

    • 解决 bash_wget 未找到命令的解决办法
    • CentOS7 常见问题应对,如何升级make和gcc版本
    • CodeMirror代码编辑器实现自定义提示功能增强版(支持搜索、调用接口查询提示内容)
    • CSS 滚动条样式
    • d3 svg 基本图形绘制
    • d3.js中update,enter,exit的概念
    • dat.gui 基本使用方法
    • echarts 使用案例(demo)
    • jsplumb 中文基础教程
    • Linux服务器(centos7)使用LibreOffice将Word转换PDF文档出现中文乱码或方格解决方法
    • npm install 报错 npm ERR code UNABLE_TO_VERIFY_LEAF_SIGNATURE npm ERR errno UNABLE_TO_VERIFY_LEA 解决
    • Npm 清除缓存
    • Npm设置淘宝镜像
    • NPS内网穿透安装方法
    • ThreeJs 基础入门
    • unable to verify the first certificate 原因及解决方法
    • vue 安装node-sass报错解决方案(缺少python2.7支持)
    • windows下安装 stable-diffusion-webui 步骤
    • yarn的安装与使用
    • 关于微信支付 WeixinJSBridge.invoke 、 wx.chooseWXPay使用方法
    • 内网穿透的几款工具汇总
    • 前端使用 swd-deploy 自动化部署项目到服务器
    • 常用工具集(utils.js)
    • 开源项目大杂烩
      • 目录
      • 好玩项目
        • 黑科技
        • 沙雕项目
        • 摸鱼神器
        • 宝藏项目
        • 开源游戏
      • 实战项目
        • 前后端分离项目
        • 毕业设计实战项目
        • 高仿App项目
        • Vue实战项目
        • 小程序实战项目
        • SpringBoot实战项目
        • SpringCloud项目
        • 管理系统
        • 可视化项目
        • 低代码项目
        • 人脸识别项目
      • 开源工具
        • 好用工具
        • Docker工具
        • 命令行工具
        • 效率工具
      • 学习资源
        • 学习项目
        • 学习IDEA
        • 算法项目
        • Python资源
        • 电子书籍
        • Linux学习项目
        • 计算机考研项目
      • 大厂开源
        • 百度开源
        • 腾讯开源
        • 阿里开源
        • 字节开源
      • Canvas相关的资源
      • 教程
      • 书籍
      • 仓库
        • 图形绘制
        • 3D库
        • VR/AR
        • 物理引擎
        • 游戏引擎
        • 流程图
        • 甘特图
        • 组织图
        • 图编辑
        • 电子表格
        • 图表库
        • 海报截图
        • 数据处理
        • 图像处理
        • 滤镜
        • 画板
        • 签名
        • 波纹动画
        • 粒子动画
        • 路径动画
        • 音视频
        • 光标
        • 创意
        • 二维码
        • 验证码
        • 运行时
        • 其他
      • 插件资源网站
      • 效果/案例
      • 文章
      • awesome-canvas
    • 微信小程序-APP生命周期与运行机制总结
    • 微信小程序踩坑之布局适配单位(rpx、px、vw、vh)
    • 服务器常用的状态码
    • 解决google浏览器翻译无法使用的问题
    • 解决使用 Gitalk 登录授权报错的问题
    • 解决在使用 stable-diffusion-webui 时,安装 gfpgan 失败的方案(windows下的操作)
    • 通过 js 进行 shapefile 文件解析渲染方法
    • 部署脚本 deploy.sh
    • Tauri打包慢或者报错问题解决方法
    • Ubuntu和Nginx搭配Certbot配置SSL证书https访问网站
    • Centos下yum无法正常使用
    • Linux 系统下通过 Let‘s Encrypt 生成免费 https 证书的步骤
    • Mongo 风格的查询对象映射到 SQL 查询的 Node.js 库 json-sql
    • CentOS7安装与卸载anaconda3基础步骤
  • 前端开发
  • 其他文档
NoteZ
2022-09-05
目录

开源项目大杂烩

# 目录

  • 好玩项目

    • 黑科技
    • 沙雕项目
    • 摸鱼神器
    • 宝藏项目
    • 开源游戏
  • 实战项目

    • 前后端分离项目
    • 毕业设计实战项目
    • 高仿 App 项目
    • Vue 实战项目
    • 小程序实战项目
    • Spring Boot 实战项目
    • 管理系统
    • 可视化项目
    • 低代码项目
    • 人脸识别项目
  • 开源工具

    • 好用工具
    • Docker 工具
    • 命令行工具
    • 效率工具
  • 学习项目

    • 学习项目
    • 学习 IDEA
    • 算法项目
    • Python 资源
    • 电子书籍
    • Linux 学习项目
    • 计算机考研项目
  • 大厂开源

    • 百度开源
    • 腾讯开源
    • 阿里开源
  • License (opens new window)

# 好玩项目

# 黑科技

盘点 GitHub 上堪称黑科技的开源项目,请托起你的下巴不要惊掉。

  • PULSE (opens new window) - 该开源项目可以通过给图片增加像素点来实现去马赛克或高清化。微信 (opens new window)
  • Depix (opens new window) - 给打了马赛克的文字去码。微信 (opens new window)
  • TecoGAN (opens new window) - 给视频去马赛克或者进行超分辨率。微信 (opens new window)
  • Real-Time-Voice-Cloning (opens new window) - 只需要你 5 秒钟的语音,就能生成你说出来的任何话,细思极恐。微信 (opens new window)
  • SkinDeep (opens new window) - 黑科技一键去除图片、视频中的纹身。微信 (opens new window)
  • StyleCLIP (opens new window) - AI自动 P图,见没见过扫把头的马斯克?微信 (opens new window)
  • polyglot-png (opens new window) - 明明下载的是一张图片,只需修改后缀名,图片就变成了一首歌,一串代码。微信 (opens new window)
  • ResnetGPT (opens new window) - 教你训练一个模型,让人工智能玩王者荣耀。微信 (opens new window)
  • intelligent-uavpath-planning (opens new window) - 这个项目是一个智能无人机路径规划仿真系统。微信 (opens new window)
  • EssayKiller_V2 (opens new window) - 一个人利用三个月,开发了一个会写作文的人工智能。微信 (opens new window)
  • style2paints (opens new window) - 不需要安装任何环境、做任何配置,下载然后双击,就可以给线描图画上色。微信 (opens new window)

# 沙雕项目

盘点 GitHub 上的沙雕项目,这些项目可能会让你笑的合不拢嘴。

  • idea_seat (opens new window) - 程序员的女朋友开发的一款防猝死 IDEA 插件。微信 (opens new window)
  • musicbox (opens new window) - 符合程序员气质的命令行版本网易云音乐。微信 (opens new window)
  • thefuck (opens new window) - 敲错命令时大喊一声 fuck ,并输入 fuck 命令,刚刚键入的错误命令就会自动修正。微信 (opens new window)
  • dangerouswriting (opens new window) - 你要一直写,因为如果停下来就自动删稿件。微信 (opens new window)
  • zzkia (opens new window) - 还记得那条诺基亚短信吗?这个开源项目能帮你生成。微信 (opens new window)
  • crossover (opens new window) - FPS 游戏中,狙是没有准星的。使用这个开源项目可以在你屏幕上显示一个准星,堪称物理外挂。微信 (opens new window)
  • Goldflower - 这个项目模拟了大量的炸金花对局,生成了一个胜利表,根据当前对局人数和你手中的牌,给你一个胜率。微信 (opens new window)
  • BiliBiliTool (opens new window) - 描BiliBiliTool 是一个 B 站自动执行任务的工具,帮助我们轻松升级会员到 Lv6 。微信 (opens new window)
  • ChineseBQB (opens new window) - 是一个表情包博物馆,中国表情包大集合,堪称 GitHub 最有毒的仓库。微信 (opens new window)
  • sorry (opens new window) - 表情包生成器,能够生成类似于下方这样的 GIF 表情包。微信 (opens new window)

# 摸鱼神器

  • genact (opens new window) - 该神器会显示一些多任务场景,让看到你电脑屏幕的人都误以为你在 Coding。微信 (opens new window)
  • watermelon (opens new window) - 前段时间大火的游戏合成大西瓜,有人复现了。微信 (opens new window)
  • ratel (opens new window) - 摸鱼神器:在命令行中玩斗地主。微信 (opens new window)
  • thief-book-ideaVscode (opens new window) - 我在 IDEA 上看小说,摸鱼神器神器。微信 (opens new window)
  • VSCode-Zhihu (opens new window) - 用 VSCode 看知乎的摸鱼神器。微信 (opens new window)
  • glance (opens new window) - 用命令行看小说的摸鱼神器。微信 (opens new window)
  • Thief (opens new window) - 这是一款功能强大的跨平台摸鱼。微信 (opens new window)
  • snake (opens new window) - 一个可以在地址栏玩贪吃蛇的摸鱼神器。微信 (opens new window)
  • play (opens new window) - 一个帮助你在命令行玩俄罗斯方块的神器。微信 (opens new window)
  • ratel (opens new window) - 一个可以在命令行玩斗地主的摸鱼神器。微信 (opens new window)
  • preserve-cd (opens new window) - dos 游戏大合集。微信 (opens new window)
  • vscode-plugin-swimming (opens new window) - 写完代码之后可以重新把代码写一遍,摸鱼神器。微信 (opens new window)
  • intellij-media-player (opens new window) - 在编辑器里看电影,尝试过没?微信 (opens new window)
  • BossSensor (opens new window) - 终极摸鱼神器:通过AI人脸识别,老板来了就切换桌面。微信 (opens new window)

# 宝藏项目

  • Ryujinx (opens new window) - 教你如何在 PC 上玩 Switch。微信 (opens new window)
  • HistSumm (opens new window) - 明朝版的今日头条,你见过吗?。微信 (opens new window)
  • preserve-cd (opens new window) - 绝版游戏保护计划:把一些经典小游戏刻录永久保存。微信 (opens new window)
  • wifi-password (opens new window) - 用这个工具可以快速获取你当前连接 WIFI 的密码。微信 (opens new window)
  • coder2gwy (opens new window) - 一份程序员考公指南冲上热榜,几天时间不到,被标星7.3k。微信 (opens new window)
  • 955.WLB - 955 不加班的公司名单,我看了看,加上个人了解,信息还算准确,但大多都是外企。微信 (opens new window)
  • shanghai_house_knowledge (opens new window) - 一位程序员整理了一份「上海购房宝典」在 GitHub 开源。微信 (opens new window)
  • job-blacklist (opens new window) - 程序员找工作黑名单,换工作和当技术合伙人需谨慎。微信 (opens new window)
  • app-ideas (opens new window) - 一个项目列表,该列表会根据开发者的水平提供一些练手项目,帮助你提升编程技巧。微信 (opens new window)
  • Clone-Wars (opens new window) - 该项目收集了世界上知名网站的源码,包括:谷歌、Youtube、IMDB等等。微信
  • idCardCv (opens new window) - Java 身份证号码识别系统。微信 (opens new window)

# 开源游戏

  • OpenDiablo2 (opens new window) - 国外大神复刻了暗黑破坏神2。微信 (opens new window)
  • PlantsVsZombies (opens new window) - 开源的《植物大战僵尸》。微信 (opens new window)
  • ratel (opens new window) - 摸鱼神器:在命令行中玩斗地主。微信 (opens new window)
  • preserve-cd (opens new window) - 绝版游戏保护计划:把一些经典小游戏刻录永久保存。微信 (opens new window)
  • watermelon (opens new window) - 前段时间大火的游戏合成大西瓜,有人复现了。微信 (opens new window)

# 实战项目

# 前后端分离项目

  • vhr (opens new window) - 微人事是一个前后端分离的人力资源管理系统,项目采用 SpringBoot+Vue 开发。微信 (opens new window)
  • vueblog (opens new window) - 前后端分离的博客项目项目,适合没有前后端分离开发经验的朋友。微信 (opens new window)
  • VBlog (opens new window) - V部落博客管理平台。微信 (opens new window)
  • springboot-project (opens new window) - 基于微信服务号平台的点餐系统,前后端完全分离。微信 (opens new window)
  • eladmin (opens new window) - 一个界面美观基于前后端分离的后台管理系统。微信 (opens new window)
  • NiceFish (opens new window) - 美人鱼阅读网站,采用前后端分离结构。微信 (opens new window)
  • newbee-mall (opens new window) - 前后端分离开发的商城项目,分为商城系统、管理系统、前台系统等。微信 (opens new window)

# 毕业设计实战项目

  • xzs (opens new window) - 一款 Spring 技术栈 + Vue.js 的前后端分离的考试系统。微信 (opens new window)
  • spring-boot-online-exam - 在线考试系统。微信 (opens new window)
  • flash-waimai - 一个完整的外卖系统,包括手机端,后台管理。微信 (opens new window)
  • cinema (opens new window) - 基于 SSM 的电影院选座系统。微信 (opens new window)
  • show-videos (opens new window) - 短视频社交小程序,系统包括用户端和后台管理端。微信 (opens new window)
  • dy_flutter (opens new window) - flutter 重构的斗鱼直播 APP。微信 (opens new window)
  • emotional_analysis (opens new window) - 基于机器学习的商品评论情感分析。微信 (opens new window)
  • sina_analysis (opens new window) - 利用微博热点话题舆情聚类分析。微信 (opens new window)
  • STGAN (opens new window) - 可以对生成的人脸进行操纵,比如眼镜、胡子、发型等。微信 (opens new window)
  • CycleGAN (opens new window) - 图像风格迁移。微信 (opens new window)
  • Movie_Recommend (opens new window) - 基于大数据过滤引擎的电影推荐系统。微信 (opens new window)
  • News_recommend (opens new window) - 基于大数据计算引擎的新闻推荐系统。微信 (opens new window)
  • SZT-bigdata (opens new window) - 通过大数据技术角度来研究深圳地铁客运能力。微信 (opens new window)
  • News_Spark (opens new window) - 基于 Spark2.x 新闻网大数据实时分析可视化系统项目。微信 (opens new window)

# 高仿App项目

  • zhihu-flutter (opens new window) - 高仿知乎。微信 (opens new window)
  • TLChat (opens new window) - 高仿微信。微信 (opens new window)
  • wechat-emoji-effect (opens new window) - 高仿微信 8.0 炸弹特效。微信 (opens new window)
  • vue-meituan (opens new window) - 高仿美团外卖点餐。微信 (opens new window)
  • TouTiao (opens new window) - 高仿今日头条。微信 (opens new window)
  • vue-juejin (opens new window) - 高仿掘金。微信 (opens new window)
  • DSLolita (opens new window) - 高仿微博 iOS 版本。微信 (opens new window)
  • WeiBo (opens new window) - 高仿微博 Android 版本。微信 (opens new window)
  • douyin-ios-objectc (opens new window) - 高仿抖音 iOS 版本。微信 (opens new window)
  • Tiktok (opens new window) - 高仿 Tiktok。微信 (opens new window)
  • youtube-iOS (opens new window) - 高仿 YouTube ios 版本。微信 (opens new window)
  • NewPi (opens new window) - 高仿 YouTube Android 版本。微信 (opens new window)
  • dy_flutter (opens new window) - 高仿斗鱼直播 App。微信 (opens new window)
  • flutter-netease-music (opens new window) - 高仿网易云音乐。微信 (opens new window)
  • react-bilibili (opens new window) - 高仿 B 站。微信 (opens new window)
  • Bilibili_Wuxianda (opens new window) - 高仿 B站 iOS 版本。微信 (opens new window)
  • bilibili-android-client (opens new window) - 高仿 B 站 Android 版本。微信 (opens new window)

# Vue实战项目

  • vue-element-admin (opens new window) - 堪称接私活利器,是一个组件丰富的前端页面模板。微信 (opens new window)
  • awesome-vue (opens new window) - 如果你打算学习 Vue,找一些 Vue 的学习资料或者示例,这个项目不能错过。微信 (opens new window)
  • element (opens new window) - 为开发者、设计师和产品经理准备的开源组件库,旨在快速搭建页面。微信 (opens new window)
  • hoppscotch (opens new window) - 帮助你更快地创建请求,节省开发时间,早下班。。微信 (opens new window)
  • best-resume-ever (opens new window) - 这个是一个简历项目,几行代码助你快速构建美观的简历。微信 (opens new window)
  • admin-template (opens new window) - 非常美观的模板,具有 TypeScript 支持。微信 (opens new window)
  • i-hate-regex (opens new window) - 正则表达式的可视化表示。微信 (opens new window)
  • Vue-Admin (opens new window) - 基于 Vue2、element ui 的后台管理系统 Demo。微信 (opens new window)
  • eladmin (opens new window) - 一个基于 Spring Boot、Vue 的前后端分离的后台管理系统。微信 (opens new window) 1网站建站 (opens new window)

# 小程序实战项目

  • platform (opens new window) - 实用的微信小程序商城项目。微信 (opens new window)
  • netease-cloud-music-community (opens new window) - 参照网易云音乐云村做的小程序社区。微信 (opens new window)
  • winxin-app-watch-life.net (opens new window) - WordPress 版微信小程序。微信
  • taro-library (opens new window) - 基于 Taro + Taro UI + Redux + Webpack + ES6 + Mock 的小程序书店。微信
  • Himalayan-lite (opens new window) - 高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发,没有使用自定义组件,非常的适合微信小程序开发新手。微信
  • taro-music (opens new window) - 基于 Taro 与网易云音乐 api 开发,技术栈主要是:typescript+taro+taro-ui+redux+react-hooks。微信
  • githubTrending (opens new window) - 小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具。微信
  • wechatAlliance (opens new window) - 第一个项目是校园小情书的微信小程序,该项目功能包括表白墙、树洞、校园论坛。微信
  • Reo - 描述。微信

# SpringBoot实战项目

  • SpringBoot-Learning (opens new window) - Spring Boot 基础教程,如果你没接触过该技术,可以从该教程学起。微信 (opens new window) 1网站建站 (opens new window)
  • spring-boot-examples (opens new window) - Spring Boot 教程、技术栈示例代码,快速简单上手教程。微信 (opens new window)
  • SpringAll (opens new window) - 该项目为 Spring 全家桶教程,包含 Spring Boot、Shiro、Spring Cloud,Spring Security 等等。微信 (opens new window) 1网站建站 (opens new window)
  • spring-boot-demo (opens new window) - spring boot demo 是一个用来深度学习并实战 Spring Boot 的项目,目前总共包含 66 个集成 demo。微信 (opens new window)
  • favorites-web (opens new window) - 云收藏是一个使用 Spring Boot 构建的开源网站,可以让用户在线随时随地收藏的一个网站。微信 (opens new window) 1网站建站 (opens new window)
  • vhr (opens new window) - 微人事是一个前后端分离的人力资源管理系统,项目采用 SpringBoot+Vue 开发。微信 (opens new window)
  • eladmin (opens new window) - 一个基于 Spring Boot、Vue 的前后端分离的后台管理系统。微信 (opens new window) 1网站建站 (opens new window)
  • spring-boot-online-exam - 一款超级美观的在线考试系统。微信 (opens new window) 1网站建站 (opens new window)

# SpringCloud项目

  • mall-swarm (opens new window) - 一个基于 Spring Cloud 的微服务商城系统项目。微信 (opens new window)
  • springcloud-learning (opens new window) - Spring Cloud 技术教程。微信 (opens new window)

# 管理系统

  • mee-admin (opens new window) - 一款轻量级、可快速上手的开源后台系统。微信 (opens new window)

# 可视化项目

  • distribute-tool (opens new window) - Spring Boot + Echarts实现用户访问地图可视化。微信 (opens new window)

# 低代码项目

  • visual-drag-demo (opens new window) - 一个开源的低代码平台项目,用户仅仅通过简单的拖拉拽就能生成一个页面。微信 (opens new window)
  • mometa (opens new window) - mometa 不同于传统主流的低代码平台,其用户是面向开发者的代码可视设计编辑平台。微信 (opens new window)
  • blocks (opens new window) - 简单的低代码页面构建器,无需编写代码即可创建漂亮的网站。你只需要在右侧的组件区域选择你想要的模块,拖到左侧的编辑区域即可。这样通过简单的交互就能做出一个简洁的网站。微信 (opens new window)
  • imove (opens new window) - iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。这个开源项目面向前端开发者,核心解决的是复杂逻辑复用的问题。微信 (opens new window)
  • vuegg (opens new window) - 通过将组件直接拖放到可视化编辑器,然后通过简单的交互调整大小,最终通过拖拉拽的方式构建一个 Vue.js 项目。微信 (opens new window)
  • builde (opens new window) - 通过在网页上进行编辑就能快速制作一个网页,想修改文字直接在网页上改,添加Banner、图片列表等等,通过简单的拖拉拽就行了。微信 (opens new window)
  • rtvue-lowcode (opens new window) - 一款基于 uniapp 框架和 uview 组件库的低代码开发平台,项目提供可视化拖拽编辑器,适用于app、小程序等项目开发。微信 (opens new window)
  • sparrow (opens new window) - 一个功能强大的场景化低代码搭建工作台,只需要在这个工作台上进行组件的拖拉拽,就能实时输出可读性强、vue element-ui 组件库的源代码。微信 (opens new window)
  • luban-h5 (opens new window) - 鲁班 H5 是基于 Vue2.0 开发的快速生成页面的平台,通过简单的拖拽交互方式即可迅速的完成一个页面的制作,类似 易企秀、Maka、百度 H5 等平台。微信 (opens new window)
  • visual-drag-demo (opens new window) - 这个项目基于 Vue.js 技术栈,平台主页面分为四个部分,分别是工具栏、组件列表、画布、属性区域。将文字、图片等组件拖至画布区域。微信 (opens new window)
  • ramiko (opens new window) - 基于 next.js 构建页面可视化编辑器。整个编辑器的研发逻辑为前端开发组件库,编辑器读取组件完成页面搭建,将页面数据发送至服务端保存。访问页面,从服务端拉取页面数据,前端渲染页面即可。微信 (opens new window)
  • lz-h5-edit (opens new window) - H5场景编辑器,编辑器功能:拖拽、缩放、旋转、动画、撤销、重做、组合元素,组件:物料、文本、图片、QQ语言通话、背景、地图、音效、模板、视频、艺术字。微信 (opens new window)
  • h5-factoryH5 (opens new window) - H5 专题页面可视化编辑工具,拖拽编辑,灵活切换,一键生成 HTML 文件。微信 (opens new window)
  • vite-vue3-lowcode (opens new window) - vue3.x vite2.x vant element-plus H5 移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具。微信 (opens new window)
  • fast-poster (opens new window) - 海报编辑器最左侧是组件列表。可以在最左侧选择组件,比如文本、二维码、图片等添加到最中间的画布区域,通过右侧的属性调节面板调节添加组件的样式。微信 (opens new window)
  • jeecg-boot (opens new window) - JeecgBoot 是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发。微信 (opens new window)
  • amis (opens new window) - 它通过 JSON 配置就能生成各种后台页面,极大减少开发成本,甚至可以不需要了解前端。微信 (opens new window)
  • seezoon-stack (opens new window) - Seezoon Stack 是一款基于当前最前沿的前端和后台实现的低代码开发平台。前端技术栈基于 Vue3 + Vite + Antdv,后端技术栈基于 Spring boot。微信 (opens new window)

# 人脸识别项目

  • openface (opens new window) - OpenFace 作为用于人脸识别的通用库,能够实现瞬态和移动人脸识别。
  • face_recognition (opens new window) - Face Recognition 是一个强大、简单、易上手的人脸识别开源项目,并且配备了完整的开发文档和应用案例。
  • insightface (opens new window) - InsightFace 是一个开源的 2D&3D 深度人脸分析工具箱,主要基于 PyTorch 和 MXNet。
  • facenet (opens new window) - FaceNet 是一个人脸识别系统,可用于判断多幅图是否为同一人、识别图像中的人是谁、人脸聚类计算人脸相似度。
  • deepface (opens new window) - Deepface 是一个用于 python 的轻量级人脸识别和人脸属性分析(年龄、性别、情感和种族)框架。它是一个混合人脸识别框架,包含最先进的模型:VGG-Face、Google FaceNet、OpenFace、Facebook DeepFace、DeepID、ArcFace 和 Dlib。
  • CompreFace (opens new window) - Exadel CompreFace 是一项免费的开源人脸识别服务,无需事先具备机器学习技能即可轻松集成到任何系统中。CompreFace 提供 REST API 用于人脸识别、人脸验证、人脸检测、地标检测、年龄和性别识别,并且可以通过 docker 轻松部署,并支持在 CPU 和 GPU 上工作的不同模型。

# 开源工具

# 好用工具

  • ohmyzsh (opens new window) - Oh My Zsh 是一个社区驱动的开源框架,用于管理 Zsh 配置。微信 (opens new window) 1网站建站 (opens new window)
  • gitignore (opens new window) - 提供很多 .gitignore 模板。微信 (opens new window) 1网站建站 (opens new window)
  • carbon (opens new window) - 将源码转化为漂亮的图片,插入到博客就非常美观。微信 (opens new window) 1网站建站 (opens new window)
  • fusuma (opens new window) - 通过编写 Markdown 来快速生成演讲幻灯片。微信 (opens new window) 1网站建站 (opens new window)
  • Motrix (opens new window) - Motrix 是一款全能的下载工具,图形操作界面简单明了。微信 (opens new window) 1网站建站 (opens new window)
  • jeecg-boot (opens new window) - 基于 Spring Boot + Mybatis + Vue 的代码生成器。微信 (opens new window) 1网站建站 (opens new window)
  • pig (opens new window) - 一个强大权限管理系统,可快速构建微服务代码框架。微信 (opens new window)
  • Hutool (opens new window) - 一款小而全的 Java 工具类库:Hutool。微信 (opens new window)
  • ChromeAppHeroes (opens new window) - 为优秀的 Chrome 插件写一本中文说明书, 让 Chrome 插件英雄们造福人类。微信 (opens new window)
  • winapps (opens new window) - 如何在 Linux 上运行 Windows 的应用?微信 (opens new window)
  • heti (opens new window) - 一个中文排版开源项目。微信 (opens new window)
  • PowerToys (opens new window) - 微软给 Win10 量身打造的效率神器。微信 (opens new window)
  • PyDebloatX (opens new window) - 一键卸载 Windows 默认程序。微信 (opens new window)
  • SandDance (opens new window) - 微软开源的可视化工具太酷炫了。微信 (opens new window)
  • notable (opens new window) - 高颜值 Markdown 编辑器。微信 (opens new window)
  • nginxconfig (opens new window) - Nginx 可视化配置神器。微信 (opens new window)
  • sureness (opens new window) - 比 Spring Security 快 4 倍的认证鉴权框架。微信 (opens new window)
  • Cyberbrain (opens new window) - 谷歌大神又一开源代码调试神器。微信 (opens new window)
  • WinDynamicDesktop (opens new window) - Windows 中使用苹果 macOS 动态桌面壁纸。微信 (opens new window)
  • deskreen (opens new window) - 将任何设备转换为电脑的辅助屏幕。微信 (opens new window)
  • you-get (opens new window) - 一行命令下载全网视频。微信 (opens new window)
  • annie (opens new window) - 视频下载神器。微信 (opens new window)
  • jeecg-boot (opens new window) - 一键生成前后端代码,实现低代码开发,让开发者更多关注业务。微信 (opens new window)
  • codelf (opens new window) - 一个帮助开发者解决变量命名烦恼的工具: CodeIf。微信 (opens new window) 1网站建站 (opens new window)
  • Octotree - 一个可以显示完整 GitHub 项目的完整目录树的 Chrome 插件。微信 (opens new window)
  • Sourcegraph - 可以方便在 GitHub 上看源码的 Chrome 插件。微信 (opens new window)
  • GitZip - 该 Chrome 插件能帮助你轻松下载一个仓库中的部分代码。微信 (opens new window)
  • java_opencv (opens new window) - 基于 Java 的答题卡识别系统。微信 (opens new window)
  • sqliteviz - Sqliteviz 是一个轻量级 SQLite 可视化工具。 包含功能如下: 针对 SQLite 数据库运行 SQL 查询并根据结果集创建 Plotly 图表和数据透视表,将 CSV 文件导入 SQLite 数据库并可视化导入的数据,将结果集导出到 CSV 文件,管理查询并针对不同的数据库运行它们等等。

# Docker工具

  • watchtower (opens new window) - watchtower:自动更新 Docker 容器。微信 (opens new window)
  • docker-slim (opens new window) - docker-gc:容器和镜像的垃圾回收。微信 (opens new window)
  • rocker (opens new window) - rocker:突破 Dockerfile 的限制。微信 (opens new window)
  • ctop (opens new window) - ctop:容器的类顶层接口。微信 (opens new window)
  • spug (opens new window) - 使用 Python+Vue 实现的开源运维平台,前后端分离方便二次开发。微信 (opens new window)
  • drone (opens new window) - 一个基于 Docker 的持续集成平台,使用 Go 语言编写。微信 (opens new window)
  • docui (opens new window) - 终端 Docker 管理工具,自带一个终端界面。。微信 (opens new window)
  • docker-slim (opens new window) - 自动缩减 docker 镜像的体积的工具。微信 (opens new window)
  • docker_practice (opens new window) - Docker 从入门到实践。微信 (opens new window)
  • [lazydocker](http s:// github.com/jesseduffield/lazydocker) - 带命令行 UI 的 docker 管理工具。可以通过点点点来管理 docker,却又不需要装 rancher 这样的企业级容器管理平台。微信 (opens new window)
  • dive (opens new window) - 用来探索 docker 镜像每一层文件系统,以及发现缩小镜像体积方法的命令行工具。微信 (opens new window)
  • gochat (opens new window) - 纯 Go 实现的轻量级即时通讯系统。。微信 (opens new window)
  • docker-dashboard (opens new window) - 基于控制台的 docker 工具,代码简单易读,可以做为学习 Node.js 的实践项目。微信 (opens new window)
  • diving (opens new window) - 基于 dive 分析 docker 镜像,界面化展示了镜像每层的变动(增加、修改、删除等)、用户层数据大小等信息。微信 (opens new window)

# 命令行工具

  • fishshell (opens new window) - 一个非常优秀的终端 Shell 工具,拥有许多开箱即用的功能,例如语法自动推荐补全、语法高亮显示或使用快捷键在最近访问的文件夹之间来回切换。。微信 (opens new window)
  • starship (opens new window) - 强大的 Shell 提示工具。微信 (opens new window)
  • z (opens new window) - 该工具可以让你快速地在文件目录之间跳转。微信 (opens new window)
  • fzf (opens new window) - fuzzy finder,命令行模糊查找器。微信 (opens new window)
  • fd (opens new window) - 类似于系统自带的 find 命令,但使用起来更简单。微信
  • ripgrep (opens new window) - 列斯与 grep 但是更好的升级版的 grep 工具。微信 (opens new window)
  • glances (opens new window) - 好用的系统监控工具。微信 (opens new window)
  • htop (opens new window) - 好用的系统监控工具。微信 (opens new window)
  • virtualfish (opens new window) - Python 虚拟关键管理工具。微信 (opens new window)
  • pyenv (opens new window) - 一款对 Python 不同版本管理的工具。微信 (opens new window)
  • nodenv (opens new window) - 一款对Node 不同版本管理的工具。微信 (opens new window)
  • rbenv (opens new window) - 一款对 Ruby 不同版本管理的工具。微信 (opens new window)
  • pipx (opens new window) - Python 依赖安装环境工具命令行工具。微信 (opens new window)
  • ctop (opens new window) - 一款给力的 Docker 监控工具。微信 (opens new window)
  • lazydocker (opens new window) - 一款给力的 Docker 监控工具。微信 (opens new window)
  • brew (opens new window) - Mac OS 下的软件包管理工具。微信 (opens new window)
  • asciinema (opens new window) - 一款终端会话记录工具,支持从动画中进行拷贝。微信 (opens new window)
  • colordiff - 升级版的 diff 工具。微信 (opens new window)
  • diff-so-fancy (opens new window) - 升级版的 diff 工具。微信 (opens new window)
  • bat (opens new window) - 一款升级版的 cat 工具。微信 (opens new window)
  • httpie (opens new window) - 一款升级版的 curl 工具。微信 (opens new window)
  • tldr (opens new window) - Too long,Dont read,简化版的 man pages 查看工具。微信 (opens new window)
  • exa (opens new window) - 一款升级版的ls命令行工具。微信 (opens new window)
  • litecli (opens new window) - 升级版的 sqlite3 数据库链接工具。微信 (opens new window)
  • pgcli (opens new window) - 升级版的 psql 数据库链接工具。微信 (opens new window)
  • mas (opens new window) - App Store 的命令行工具。微信 (opens new window)
  • ncdu (opens new window) - 一款磁盘使用分析的命令行工具。微信 (opens new window)
  • Learn-Vim (opens new window) - 用聪明的方式学习 Vim 。微信 (opens new window)

# 效率工具

  • github1s (opens new window) - 直接用 VS Code 方式打开 GitHub 代码的工具。微信 (opens new window)
  • wox (opens new window) - 一款国产开源免费的软件快捷启动工具。微信 (opens new window)
  • winget-cli (opens new window) - 微软官方也为 Windows 系统发布了一款名为 Winget 的软件包管理工具。微信 (opens new window)
  • rustdesk (opens new window) - 基于 Rust 编写的开源远程桌面客户端软件。微信 (opens new window)
  • file-online-preview (opens new window) - 用 Spring Boot 搭建的文档在线预览解决方案。微信 (opens new window)
  • APIJSON (opens new window) - APIJSON 是一种专为 API 而生的 JSON 网络传输协议 以及 基于这套协议实现的 ORM 库。微信 (opens new window)
  • JSONConverter (opens new window) - JSONConverter 是 MAC 上 iOS / Flutter / Android / Server 等开发的辅助工具,可以快速的格式化 JSON 数据并转换生成对应的模型类属性。微信 (opens new window)
  • towxml - Towxml 是一个可将 HTML 、 Markdown 转为微信小程序 WXML (WeiXin Markup Language)的渲染库。 用于解决在微信小程序中 Markdown 、 HTML 不能直接渲染的问题。
  • JustAuth - 一个超级全的第三方登录开源组件。该项目已支持Github、Gitee、微博、钉钉、百度、Coding、腾讯云开发者平台、OSChina、支付宝、QQ等第三方平台的授权登录。
  • gopay - 本项目是微信、支付宝、PayPal、QQ 的 Golang 版本SDK。

# 学习资源

# 学习项目

  • build-your-own-x (opens new window) - 汇集了诸多优质资源,教你如何构建一些属于自己的东西,内容主要分为增强现实、区块链、机器人、编辑器等等。微信 (opens new window) 1网站建站
  • free-programming-books (opens new window) - 收集了特别多免费的编程电子书、编程课程、播客、网站等学习资源。微信 (opens new window) 1网站建站 (opens new window)
  • coding-interview-university (opens new window) - 堪称 GitHub 上最励志的学习教程,上岸谷歌的编程大佬的自学笔记。微信 (opens new window)
  • system-design-primer (opens new window) - 帮助你学习如何设计大型系统。微信 (opens new window)
  • public-apis (opens new window) - 收集了了很多免费的 API,供你的项目和应用程序使用。微信 (opens new window)
  • the-art-of-command-line (opens new window) - 总结了在 Linux 上使用命令行时的相关技巧,内容覆盖基础使用、文件操作、数据处理等等。微信 (opens new window)
  • javascript-algorithms (opens new window) - 算法和数据结构是计算机学习的基石。微信 (opens new window)
  • developer-roadmap (opens new window) - 为前端、后端、DevOps等开发着准备可详细的技术路线图。微信 (opens new window)
  • Best-websites-a-programmer-should-visit-zh (opens new window) - 这个 GitHub 项目,这个项目包含一系列技术网站列表,堪称全网最全技术网站索引。微信 (opens new window)
  • Reo - 一个适合计算机专业学生看的编程笔记。微信 (opens new window)
  • spring-analysis (opens new window) - 带你读 Spring 的源码。微信 (opens new window)
  • Unity3DTraining (opens new window) - Unity3D 的练习项目,该练习项目总结了 57 个小项目。微信 (opens new window)
  • GoGuide (opens new window) - Go语言学习指南是一份涵盖大部分 Golang 程序员所需要掌握的核心知识,拥有 Go语言教程、Go开源书籍、Go语言入门教程、Go语言学习路线。微信 (opens new window)
  • Learn-Git-in-30-days (opens new window) - 本开源项目是 Will 保哥在 2013 第 6 界 IT 邦帮忙铁人赛年度大奖的得奖著作。这是一个 Git 教程,这个开源教程用 30 天的时间,带领大家详细了解使用 Git 。微信 (opens new window)
  • Lisp-China (opens new window) - 古老的编程语言,不为人知的秘密。
  • Email-newsletter-RSS (opens new window) - 阅读文章,体味酸甜苦辣。
  • Chinese-Podcasts (opens new window) - 听播客,了解人声百态。
  • secguides - 面向开发人员梳理的代码安全指南,旨在梳理 API 层面的风险点并提供详实可行的安全编码方案。

# 学习IDEA

  • awesome-IntelliJ-IDEA - IntelliJ IDEA 从入门到上瘾!微信 (opens new window)

  • IntelliJ-IDEA-Tutorial (opens new window) - 本教程从 IntelliJ IDEA 的安装、卸载、软件设置、项目配置等各个方面进行讲解。微信 (opens new window)

  • intellij-idea-tutorial (opens new window) - 作者想把自己的经验整理记录下来。此教程使用的工具为 IntelliJ IDEA 2017(.1.5) 版本。。微信 (opens new window)

# 算法项目

  • javascript-algorithms (opens new window) - 基于 JavaScript 的算法和数据结构教程。微信 (opens new window)
  • algorithm-visualizer (opens new window) - 在线动态演示算法,清楚的看到算法运行的整个过程,直观便于学习。微信 (opens new window) 1网站建站 (opens new window)
  • hello-algorithm (opens new window) - 疫情期间完成的一部图解算法题典,共 140+ 道高频面试算法题目。微信 (opens new window) 1网站建站
  • fucking-algorithm (opens new window) - 基于 LeetCode 的题目,涵盖了所有题型和技巧。微信 (opens new window) 1网站建站 (opens new window)
  • TheAlgorithms (opens new window) - 各种版本算法的学习资料。微信 (opens new window)

# Python资源

  • awesome-python (opens new window) - 这是一个接近 100k 标星的开源项目,它收集了基于 Python 进行开发各种场景的资源和库。微信 (opens new window)
  • awesome-python-applications (opens new window) - 收集了将近 400 个开源 Python 应用程序。微信 (opens new window)
  • awesome-python-books (opens new window) - 开源的 Python 电子书籍。微信
  • python-guide (opens new window) - 关于 Python 日常安装、配置和使用的最佳实践手册,包括 pip、numpy、virtualenv等的介绍。微信
  • byte-of-python (opens new window) - 面向 Python 小白的教程,你只需要知道如何保存一个保存文本文件即可开始学习。微信
  • CTCI_python (opens new window) - Python 高赞面试题。微信
  • python-interview-questions (opens new window) - Python 高赞面试题。微信
  • python-interview-questions (opens new window) - 描述。微信
  • algorithms (opens new window) - 基于 Python 3 的数据结构与算法实现。微信
  • python_koans (opens new window) - 交互式学习 Python ,学习更高效。微信
  • project-based-learning (opens new window) - 教你搞个爬虫、做个机器人、搞个 Web项目。从项目入手,快速学习 Python。微信
  • learn-python3 (opens new window) - 通过案例学习 Python 3:基于 Jupyter Notebook 的案例学习 Python 。微信
  • wtfpython-cn (opens new window) - 作者收集了一些奇怪的 Python 代码片段,当你敲完这些代码片段,运行看到结果,会惊呼:What the f*ck!因为这些代码的输出结果会和你想象中的不太一样。微信

# 电子书籍

  • free-programming-books (opens new window) - 收集了特别多免费的编程电子书、编程课程、播客、网站等学习资源。微信 (opens new window)

# Linux学习项目

  • linux-tutorial - 项目包括 Linux 命令、运维管理、开发环境配置、中间件服务配置、服务器运维、Docker、Shell 脚本等等相关教程。微信 (opens new window)
  • linux-command - 这个仓库搜集了 570 多个 Linux 命令,内容包含 Linux 命令手册、详解、学习,是一个非常值得收藏的 Linux 命令速查手册。微信 (opens new window)
  • Linux-Tutorial (opens new window) - 如果你是一个 Java后端开发者,具有了一定的 Linux 基础。这个 GitHub 项目你不能错过。微信 (opens new window)
  • linuxtools_rst (opens new window) - 专注于 Linux 工具的最常用用法,以便读者能以最快时间掌握,并在工作中应用。微信 (opens new window)

# 计算机考研项目

  • 2021-Postgraduate-408 (opens new window) - 各个学校近几年考研初试真题(包括 408)。微信 (opens new window)

  • aimto408 (opens new window) - 408 统考资料和信息汇总。微信 (opens new window)

  • CSPostgraduate-408-2021 (opens new window) - 408 统考资料和信息汇总。微信 (opens new window)

  • 北邮考研资料及信息汇总

    • See_you_in_BUPT (opens new window)
    • KaoYan_807 (opens new window)
    • BUAA-National-post-graduate-entrance-examination (opens new window)
  • 杭电考研资料及信息汇总

    • Hello_HDU (opens new window)
    • HDUDS (opens new window)
  • 南软考研资料及信息汇总

    • NJU-SE-GraduateEntrance (opens new window)
  • 南京大学考研资料及信息汇总

    • nju_cs_kaoyan_19 (opens new window)
    • nju_csai_kaoyan (opens new window)
    • NJUCS (opens new window)
  • 北京大学考研资料及信息汇总

    • PKU (opens new window)
    • kao_yan (opens new window)
  • 南航考研资料及信息汇总

    • awesome-nuaa-cs-kaoyan (opens new window)
  • 清华大学考研资料及信息汇总

    • 912_project (opens new window)
    • 912-notes (opens new window)
  • 华中科技大学考研资料及信息汇总

    • KAOYAN (opens new window)
  • 湖南大学考研资料及信息汇总

    • HunanUniversity (opens new window)
  • 哈工大考研资料及信息汇总

    • -837- (opens new window)
    • HIT_C_language-review (opens new window)
  • 西工大考研资料及信息汇总

    • 2017NPU-Exam (opens new window)
  • 电子科技大学考研资料及信息汇总

    • uestc_master_interview (opens new window)
  • 上海交大考研资料及信息汇总

    • Postgraduate_notebook_for_SJTU_CS (opens new window)
  • 北航考研资料及信息汇总

    • BuaaMasterQuestion (opens new window)
    • beihang-university (opens new window)
  • 数一、数二解析

    • China-NPEE-math (opens new window)

# 大厂开源

# 百度开源

  • echarts (opens new window) - ECharts 是国内应用最广泛的前端可视化生成工具,像素级的渲染效果使得绘制的图像几近完美。微信 (opens new window)
  • PaddleHub (opens new window) - 一个深度学习模型开发工具,它提供了很多训练好的人工智能算法模型。微信 (opens new window)
  • nodePPT (opens new window) - 迄今为止最好的网页版 PPT,基于 markdown 语法编写。微信 (opens new window)
  • magic (opens new window) - Magic 是一个轻量级 UI 组件,具有性能高效、代码量小等优势。微信 (opens new window)

# 腾讯开源

  • APIJSON (opens new window) - APIJSON 是一种专为 API 而生的 JSON 网络传输协议以及基于这套协议实现的 ORM 库。微信
  • wepy (opens new window) - WePY 是一款让小程序支持组件化开发的框架,类似于 Vue 开发风格,它可以很方便的让开发者选择自己喜欢的开发风格去开发小程序。微信
  • Tendis (opens new window) - 腾讯互娱 CROS DBA 团队和腾讯云数据库团队自主设计和研发的开源分布式高性能 KV 存储,推出了 Tendis。微信
  • kbone (opens new window) - kbone 实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。微信
  • TencentOS-tiny (opens new window) - 腾讯面向物联网领域开发的实时操作系统,具有低功耗、低资源占用、模块化、安全可靠等优点,可有效提升物联网终端产品开发效率。微信
  • Hippy (opens new window) - Hippy 是一个跨端开发框架,开发者只写一套代码就直接运行于三个平台(iOS、Android 和 Web)。微信
  • kbone (opens new window) - kbone 实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。微信
  • secguides - 面向开发人员梳理的代码安全指南,旨在梳理 API 层面的风险点并提供详实可行的安全编码方案。

# 阿里开源

  • arthas (opens new window) - Arthas 是阿里巴巴开源的 Java 诊断工具,深受开发者喜爱。微信 (opens new window) 1网站建站 (opens new window)
  • fastjson - fastjson 是一个 Java 库,可将 Java 对象转换为其 JSON 表示形式。微信 (opens new window) 1网站建站
  • druid (opens new window) - Druid 是一款强大的数据库连接池。微信 (opens new window) 1网站建站 (opens new window)
  • ant-design (opens new window) - 蚂蚁金服开源的一套企业级的前端设计语言和基于 React 的前端框架实现。微信 (opens new window) 1网站建站 (opens new window)
  • spring-cloud-alibaba (opens new window) - 微服务开发一站式解决方案,可以帮助阿里巴巴开源中间件与 Spring Cloud 体系更好的融合。微信 (opens new window)
  • sofa-boot (opens new window) - 蚂蚁金服团队开源的基于 Spring Boot 的研发框架。微信
  • dubbo (opens new window) - Dubbo 是阿里巴巴的一款高性能、轻量级的开源 Java RPC框架,可以和 Spring 框架无缝集成。微信 (opens new window) 1网站建站 (opens new window)
  • easyexcel (opens new window) - easyexcel 重写了 poi 对 07 版 Excel 的解析,大大降低了内存功耗。微信 (opens new window)
  • nginx-book (opens new window) - Nginx 开发从入门到精通。微信 (opens new window)
  • g2 (opens new window) - 数据驱动的高交互可视化图形语法,一条语句即可构建出各种各样的可交互的统计图表。微信 (opens new window)
  • fusion (opens new window) - 企业级中后台 UI 解决方案,旨在提升设计与开发之间 UI 构建效率的工作方式。微信 (opens new window)
  • BizCharts (opens new window) - 基于 G2 封装的 React 图表库,数据可视化项目可能会用到。微信 (opens new window)
  • egg (opens new window) - 企业级 Node.js 框架 。微信 (opens new window)
  • umi (opens new window) - 基于 React 的前端框架 。微信 (opens new window)
  • dawn (opens new window) - 前端构建和工程化工具,简化并统一了开发人员的日常构建与开发相关的工作。微信 (opens new window)
  • Ant UX (opens new window) - 页面逻辑原型 ,可以用它来绘制页面与页面之间的逻辑图。微信 (opens new window)
  • G3D (opens new window) - 一个基于 WebGL 的 Javascript 3D 绘图引擎。微信 (opens new window)
  • Weex (opens new window) - 跨平台移动开发工具。微信 (opens new window)
  • Weex Ui (opens new window) - 基于 Weex 的 UI 组件库 。微信 (opens new window)
  • Ant Motion (opens new window) - 动效语言& React 框架动效解决方案。微信 (opens new window)
  • Hilo (opens new window) - HTML5 互动游戏引擎。这个项目可以帮助开发者快速创建HTML5游戏。微信 (opens new window)
  • Velocity.js (opens new window) - JavaScript 模板引擎。微信 (opens new window)
  • React Web (opens new window) - 通过与 React Native 一致的 API 构建 Web 应用。微信 (opens new window)
  • Mock.js (opens new window) - 模拟数据生成器,帮助前端开发者独立于后端进行开发,帮助编写单元测试。微信 (opens new window)
  • noForm (opens new window) - 基于React的表单解决方案。微信 (opens new window)
  • Jstorm (opens new window) - 企业级流式计算引擎 。微信 (opens new window)
  • SimpleImage (opens new window) - 一个 Java 图片处理的类库,包含功能有图片缩略、水印等。微信 (opens new window)
  • tedis (opens new window) - redis 的 java 客户端 。微信 (opens new window)
  • sofa-rpc (opens new window) - 高性能 Java RPC 框架。微信 (opens new window)
  • p3c (opens new window) - Java 代码规约扫描插件,IntelliJ IDEA 搜索这款插件安装,时刻监控你写的代码规不规范。微信 (opens new window)
  • AliSQL (opens new window) - 开源数据库,适合电商、云计算以及金融等行业环境。微信 (opens new window)
  • oceanbase (opens new window) - 分布式数据库。微信 (opens new window)
  • fastdfs (opens new window) - 分布式文件系统 。微信 (opens new window)
  • rocketmq (opens new window) - RocketMQ 是一款分布式、队列模型的消息中间件。微信 (opens new window)
  • Metamorphosis (opens new window) - 分布式消息中间件。这是一个高性能、高可用、可扩展的分布式消息中间件。微信 (opens new window)
  • tengine (opens new window) - 淘宝 Web 服务器。在Nginx的基础上,针对大访问量网站的需求,添加了很多高级功能和特性。微信 (opens new window)
  • tfs (opens new window) - 分布式文件系统。这是一个高可扩展、高可用、高性能、面向互联网服务的分布式文件系统。微信 (opens new window)

# 字节开源

  • semi-design - 抖音企业级应用 UI 解决方案 Semi Design,由字节跳动抖音前端与 UED 团队设计、开发并维护,是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案,可用于快速搭建美观的 React 应用。

# Canvas相关的资源

精心收录Canvas相关的资源并整理分类,部分同类资源库也收录SVG/WebGL相关的资源。

# 教程

  • Web绘图 (opens new window)
  • 图可视化美学 (opens new window)
  • 计算机图形与可视化 (opens new window)
  • HTML5 Canvas MDN教程 (opens new window)
  • Internet Explorer 9 开发人员指南:HTML5 Canvas (opens new window)
  • HTML5草案标准中的Canvas元素文档 (opens new window)
  • HTML5 Canvas 基础教程 (opens new window)
  • HTML5 Canvas 菜鸟教程 (opens new window)
  • HTML5 Canvas W3school教程 (opens new window)
  • HTML5 Canvas 廖雪峰教程 (opens new window)
  • HTML5 Canvas 慕课网教程 (opens new window)
  • HTML5 Canvas的中文系列学习教程 (opens new window)
  • AntV Graphin 图数据库解决方案 (opens new window)
  • AntV Graphin 知识图谱解决方案 (opens new window)
  • AntV Graphin 网络安全解决方案 (opens new window)
  • AntV Graphin 企业风控解决方案 (opens new window)

# 书籍

  • 《HTML5 Canvas开发详解 (opens new window)》 作者: Steve Fulton,Jeff Fulton 链接地址🔗 (opens new window)
  • 《TypeScript图形渲染实战:2D架构设计与实现 (opens new window)》 作者: 步磊峰 链接地址🔗 (opens new window)
  • 《HTML5 Canvas核心技术:图形、动画与游戏开发 (opens new window)》 作者: David Geary
  • 《HTML5 2D游戏编程核心技术 (opens new window)》 作者: David Geary
  • 《HTML5 Canvas游戏开发实战 (opens new window)》 作者: 张路斌 链接地址🔗 (opens new window)
  • 《从0到1 HTML5 Canvas动画开发 (opens new window)》 作者: 莫振杰 链接地址🔗 (opens new window)
  • 《HTML5 Canvas核心技术: 图形、动画与游戏开发 (opens new window)》 作者: 美基瑞 链接地址🔗 (opens new window)
  • 《快学熟用D3 (opens new window)》 作者: 菲利普·K.贾纳特 链接地址🔗 (opens new window)
  • 《如何使用 Canvas 制作出炫酷的网页背景特效 (opens new window)》 作者: sunshine小小倩 链接地址🔗 (opens new window)
  • 《可视化入门:从 0 到 1 开发一个图表库 (opens new window)》 作者: AntV 链接地址🔗 (opens new window)
  • 《图分析与可视化 (opens new window)》 作者: 理查德·布莱斯 / 大卫·琼克 链接地址🔗 (opens new window)
  • 《视觉繁美 - 信息可视化方法与案例解析 (opens new window)》 作者: Manuel Lima 链接地址🔗 (opens new window)
  • 《数据可视化 (opens new window)》 作者: 陈为 / 沈则潜 链接地址🔗 (opens new window)
  • 《从0-1入门数据可视化 (opens new window)》 作者: Fly

# 仓库

# 图形绘制

  • fabric.js (opens new window) [在线演示 (opens new window)] - 轻松处理Canvas元素的框架、Canvas和SVG的转换解析器
    • DarkroomJS (opens new window) [在线演示 (opens new window)] - 浏览器端可扩展的图像编辑工具
    • react-design-editor (opens new window) [在线演示 (opens new window)] - 基于React、Fabricjs的可编辑设计工具
    • react-sketch (opens new window) [在线演示 (opens new window)] - 基于React、Fabricjs的素描应用
    • vue-fabric (opens new window) - 基于Fabric.js的Vue组件,定制画板,图片组合绘制
    • angular-fabric (opens new window) [在线演示 (opens new window)] - 使用AngularJS控制Fabricjs Canvas
    • fabric-js-editor (opens new window) - 基于Fabric.js的HTML5矢量图像编辑器
    • fabric-brush (opens new window) [在线演示 (opens new window)] - 基于Fabric.js的Canvas笔刷工具
    • fabricjs-image-editor-origin (opens new window) [在线演示 (opens new window)] - Fabricjs图像编辑器
    • DrawerJs (opens new window) [在线演示 (opens new window)] - 可定制的所见即所得的HTML Canvas编辑器
    • myvision (opens new window) - 免费的在线图像注释工具,用于生成基于计算机视觉的 ML 训练数据
  • konva (opens new window) [在线演示 (opens new window)] - 通过扩展2D Context让桌面和移动端Canvas支持交互特性
    • konva中文文档 (opens new window)
    • react-konva (opens new window) [在线演示 (opens new window)] - 基于React和konva (opens new window)绘制复杂Canvas图形的JS库
    • vue-konva (opens new window) - 基于Vue和konva (opens new window)绘制复杂canvas图形的JS库
    • react-proto (opens new window) - 为开发人员和设计人员的React原型工具应用
  • two.js (opens new window) [在线演示 (opens new window)] - 一个渲染器无关的Web 2D绘图API
  • EaselJS (opens new window) - EaselJS是一个用于在HTML5中构建高性能交互式2D内容的库
  • spritejs (opens new window) [在线演示 (opens new window)] - 一个跨平台的高性能图形系统
  • concretejs (opens new window) [在线演示 (opens new window)]- 超快、轻量的Canvas框架,支持hit检测、分层、像素比率管理、导出和下载
  • cax (opens new window) [在线演示 (opens new window)] - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
  • wxDraw (opens new window) [在线演示 (opens new window)] - 微信小程序2d动画库
  • atrament.js (opens new window) - 一个小型 JS 库,用于在 HTML Canvas 上进行漂亮的绘图和手绘
  • origami.js (opens new window) - 强大且轻量的Canvas库
  • react-native-sketch-canvas (opens new window) [在线演示] - 支持在iOS和Android上触摸绘图React Native组件
  • mesh.js (opens new window) [在线演示 (opens new window)] - 为可视化而生的图形系统
  • taro-plugin-canvas (opens new window) - 基于 Taro 框架的微信小程序 canvas 绘图组件,封装了常用的操作,通过配置的方式生成分享图片

# 3D库

  • three.js (opens new window) [在线演示 (opens new window)] - 创建易于使用、轻量级、跨浏览器的通用3d js库
  • zdog (opens new window) [在线演示 (opens new window)] - 基于canvas和SVG设计师友好的伪3D引擎
  • curtainsjs (opens new window) [在线演示 (opens new window)] - 轻量级的WebGL库,将DOM元素转换为交互式纹理平面
  • obelisk.js (opens new window) - 用HTML5 canvas构建立体图形库
  • seen (opens new window) [在线演示 (opens new window)] - 使用SVG或Canvas渲染3D场景
  • Oimo.js (opens new window) [在线演示 (opens new window)] - 轻量级的JS 3D物理引擎
  • troika (opens new window) [在线演示] - 用于交互式 3D 和 2D 可视化的 JavaScript 框架
  • phoria.js (opens new window) [在线演示 (opens new window)] - 用于在 HTML5 画布 2D 渲染器上进行简单 3D 图形和可视化的 JavaScript 库。它不使用 WebGL。适用于所有 HTML5 浏览器,包括桌面、iOS 和 Android
  • isomer (opens new window) [在线示例 (opens new window)] - 基于HTML5 Canvas的简单等距图形库。

# VR/AR

  • Panolens.js (opens new window) [在线演示 (opens new window)] - Panolens.js基于Three.JS,主要研究领域是全景、虚拟现实和潜在的增强现实。
  • Pannellum (opens new window) [在线演示 (opens new window)] - 轻量、免费、开源的web全景查看器。
  • Marzipano (opens new window) [在线演示 (opens new window)] 可让您轻松为您的网站创建 360 度媒体播放器。
  • JS-Cloudimage-360-View (opens new window) [在线演示 (opens new window)] 一个简单的、交互式的资源,可以用来提供您的产品的虚拟游览。
  • A-Frame (opens new window) [在线演示 (opens new window)] A-Frame 除了帮助您构建 360 度媒体播放器外,它还提供了许多附加功能。其他功能可帮助您增强网站的虚拟现实体验。
  • exokit (opens new window) [在线演示 (opens new window)] - 基于JavaScript的原生VR / AR / XR引擎
  • webvr-boilerplate (opens new window) [在线演示 (opens new window)] - 工作在VR头戴设备的基于Web的VR虚拟体验

# 物理引擎

  • matter-js (opens new window) [在线演示 (opens new window)] - 用于web的2D刚体物理引擎
  • box2d.js (opens new window) [在线示例 (opens new window)] - box2d.js是Box2D物理引擎的JS版本。
  • p2.js (opens new window) [在线演示 (opens new window)] - JavaScript 2D 物理引擎库。
  • planck.js (opens new window) [在线演示 (opens new window)] - 2D JS物理引擎

# 游戏引擎

  • Hilo (opens new window) [在线演示 (opens new window)] - 阿里巴巴集团开发的跨平台HTML5游戏开发解决方案
  • melonJS (opens new window) [在线演示 (opens new window)] - 一个全新的轻量级javascript游戏引擎
  • Babylon.js (opens new window) [在线演示 (opens new window)] - 功能强大、美观、简单、开源、封装友好的游戏渲染引擎
  • taro (opens new window) [在线演示 (opens new window)] - 轻量级3D游戏引擎。
  • turbulenz_engine (opens new window) [在线演示 (opens new window)] - 用于浏览器PC端和移动端模块化的3D/2D H5游戏框架
  • eva.js (opens new window) [在线演示 (opens new window)] - 专注于开发互动游戏项目的前端游戏引擎
  • PlayCanvas (opens new window) [在线演示 (opens new window)] - 使用H5和WebGL技术以及其他3D内容的开源游戏引擎
  • Sketchbook (opens new window) [在线演示 (opens new window)] - 基于three.js和cannon.js的3D游乐场
  • Sein.js (opens new window) [在线演示 (opens new window)]- 渐进式网页3D游戏引擎
  • PuzzleScript (opens new window) [在线演示 (opens new window)] - 开源HTML5益智游戏引擎
  • LittleJS (opens new window) [在线演示 (opens new window)] - 极小的js游戏引擎
  • Black (opens new window) [在线演示 (opens new window)] - 世界上最快的H5 2D游戏引擎
  • pixijs (opens new window) [在线演示 (opens new window)] - H5创建引擎,创建精美数字内容最快、最灵活的2D WebGL渲染器
  • stage.js (opens new window) [在线演示 (opens new window)] - 用于游戏开发的2D HTML5渲染和布局引擎
  • Excalibur (opens new window) [在线演示 (opens new window)] - 使用TS编写的易于使用的2D H5游戏引擎
  • Phaser (opens new window) [在线演示 (opens new window)] - 用于桌面和移动端H5游戏制作的2D游戏框架
    • phaser-examples (opens new window) - 包含数百个Phaser HTML5 游戏框架的源代码示例
    • games (opens new window) - 一个基于Phaser的小游戏集合
    • phaser3-examples (opens new window) - phaser3例子
    • phaser-ce (opens new window) - 有趣、开源、快速且支持Canvas和WebGL渲染的H5 2D游戏框架
    • phaser3-project-template (opens new window) - Phaser3项目模板
  • hex-engine (opens new window) [在线演示 (opens new window)] - 一个现代的浏览器2D游戏引擎

# 流程图

  • GOJS (opens new window) [在线演示 (opens new window)] - 用于流程图、组织图、设计工具、可视化语言等的JS图表库
  • drawio (opens new window) [在线演示 (opens new window)] - 可配置的流程图应用程序
  • Drawflow (opens new window) [在线演示 (opens new window)] - 仅用4行代码即可创建基于dom和svg的流程图
  • Flowy (opens new window) [在线演示 (opens new window)] - 用于创建流程图的最小javascript库
  • flowchart.js (opens new window) - 可以运行在浏览器和终端的流程图DSL和SVG流程图
  • mermaid (opens new window) [在线演示 (opens new window)] - 通过解析类Markdown语法生成图表和流程图等
  • wireflow (opens new window) [在线演示 (opens new window)] - 用户流程图实时协作工具
  • butterfly (opens new window) [在线演示 (opens new window)] - 基于JavaScript/React/Vue2的流程图组件

# 甘特图

  • 以下甘特图不基于Canvas实现
    • gantt (opens new window) [在线演示 (opens new window)] - 开源的Javascript甘特图。基于SVG
    • jQueryGantt (opens new window) [在线演示 (opens new window)] - Jquery甘特图编辑器
    • Gantt-Chart (opens new window) [在线演示 (opens new window)] - 基于D3的甘特图库
    • dhtmlxGantt (opens new window) [在线演示 (opens new window)] - GPL版的JS甘特图
    • gantt-for-react (opens new window) [在线演示 (opens new window)] - 一个简单的React甘特图组件
    • jquery.ganttView (opens new window) [在线演示 (opens new window)] - 一个可编辑的 jQuery 甘特图插件
    • wl-gantt (opens new window) - 简单易用且高度可配置的甘特图、进度计划项目管理插件
    • gantt-schedule-timeline-calendar (opens new window) [在线演示 (opens new window)] - ] - 甘特图、时间线、调度图、预订时间线,支持React、Ng、Vue、svelte

# 组织图

  • OrgChart (opens new window) [在线演示 (opens new window)] - 简单直接的组织图插件

# 图编辑

  • idraw (opens new window) [在线示例 (opens new window)] - 一个简单的用于在 web 上绘图的 JavaScript 框架
  • Workflow Designer (opens new window) [在线示例 (opens new window)] - 基于G6和React的可视化流程编辑器
  • vue-g6-editor (opens new window) [在线示例 (opens new window)] - 基于 G6 和 Vue 的可视化编辑器
  • X-Flowchart-Vue (opens new window) [在线演示 (opens new window)] - 基于G6和Vue的可视化图形编辑器
  • web-pdm (opens new window) [在线示例 (opens new window)] - 基于G6的ER图工具,最终目标是在线版的PowerDesigner
  • ng-antv (opens new window) - 基于G6和Angular实现的编辑器。
  • welabx-g6 (opens new window) [在线示例 (opens new window)] - 基于G6和Vue的流程图编辑器
  • topology (opens new window) [在线示例 (opens new window)] - 轻量(100k左右)且功能丰富的绘图工具(架构图、拓扑图、流程图、UML、脑图等)
  • excalidraw (opens new window) [在线示例 (opens new window)] - 用于用于素描手绘的虚拟白板
  • diagram-maker (opens new window) [在线示例 (opens new window)] - 为任何图形类数据提供交互式编辑器的库

# 电子表格

  • x-spreadsheet (opens new window) [在线演示 (opens new window)] - 基于webJavaScript(canvas)Excel表格
  • Luckysheet (opens new window) [在线演示 (opens new window)] - 在线电子表格,功能强大,配置简单,完全开源
  • sheetsee.js (opens new window) - 可视化谷歌Spreadsheet的数据
  • SlickGrid (opens new window) [在线演示 (opens new window)] - 极快的JavaScript网格/电子表格
  • handsontable (opens new window) [在线演示 (opens new window)] - 带电子表格的数据网格,可以在React、Ng、Vue中使用
  • cheetah-grid (opens new window) [在线演示 (opens new window)] - 最快的网络开源数据表
  • Jspreadsheet CE (opens new window) [在线演示 (opens new window)] - 创建与其他软件兼容的web端交互式表格和电子表格
  • canvas-datagrid (opens new window) [在线演示 (opens new window)] - 基于Canvas的数据网格web组件。能够在单个画布元素上显示数百万连续的分层行和列,而无需分页或加载

# 图表库

  • D3 (opens new window) [在线演示 (opens new window)] - D3(或D3.js)是一个用于web标准可视化数据的JS库

    • awesome-d3 (opens new window) - D3非资源集合
    • angular-charts (opens new window) - 基于D3创建Angular创建图表的指令库
    • nvd3 (opens new window) [在线演示 (opens new window)] - 一个用d3.js编写的可重用图表库
    • c3 (opens new window) [在线演示 (opens new window)] - 一个基于D3的可重用图表库
    • dc.js (opens new window) [在线演示 (opens new window)] - 基于D3使用corssfilter渲染的多维图表
    • britecharts (opens new window) [在线演示 (opens new window)] - 基于D3.js v5的客户端可重用图表库
    • neo4jd3 (opens new window) [在线演示 (opens new window)] - 使用D3.js的Neo4j图形可视化。
    • nivo (opens new window) [在线演示 (opens new window)] - 基于React和D3提供了一套丰富的数据可视化组件
  • echarts (opens new window) [在线演示 (opens new window)] - 一个强大的交互式图表和数据可视化库

    • v-charts (opens new window) [在线演示 (opens new window)] - 基于 Vue2.0 和 ECharts 封装的图表组件
    • echarts-for-weixin (opens new window) - Apache ECharts (incubating) 的微信小程序版本
  • Chart.js (opens new window) [在线演示 (opens new window)] - 给开发和设计人员的简单而灵活的js图表

    • vue-chartjs (opens new window) [在线演示 (opens new window)] - 基于Chart.js的Vue图表组件
    • react-chartjs (opens new window) [在线演示] - 基于chart.js的React图表组件
    • angular-chart.js (opens new window) [在线演示 (opens new window)] - 基于Chart.js的AngularJS响应式、漂亮的图表库
  • AntV (opens new window) - 蚂蚁集团全新一代数据可视化解决方案

    • G (opens new window) [在线演示 (opens new window)] - AntV底层的2D/3D渲染引擎,适配Canvas2D/SVG/WebGL/WebGPU
    • G2 (opens new window) [在线演示 (opens new window)] - 一套面向常规统计图表,以数据驱动的高交互可视化图形语法。
    • G2Plot (opens new window) [在线演示 (opens new window)] - 基于图形语法(the Grammar of Graphics)的图表库
    • G6 (opens new window) [在线演示 (opens new window)] - ♾ G6 是一个简单、易用、完备的图可视化引擎
    • F2 (opens new window) [在线演示 (opens new window)] - 开箱即用的移动端可视化解决方案,完美支持H5,兼容node、小程序、weex
    • F2Native (opens new window) [在线演示 (opens new window)] - 专注于移动客户端,开箱即用、高性能的可视化解决方案
    • F6 (opens new window) [在线示例 (opens new window)] - F6是一款可以快速、流畅运行于移动设备中的图可视化引擎
    • X6 (opens new window) [在线演示 (opens new window)] - 🚀 X6 是 AntV 旗下的图编辑引擎。
    • XFlow (opens new window) [在线示例 (opens new window)] - 基于X6、面向React技术栈用户的专业图编辑应用级解决方案
    • S2 (opens new window) [在线演示 (opens new window)] - 数据驱动的多维分析表格。
    • L7 (opens new window) [在线演示 (opens new window)] - 🌎 基于WebGL开源的大规模地理空间数据可视分析开发框架
    • L7Plot (opens new window) [在线示例 (opens new window)] - 简单易用、图表丰富、支持定制的地理空间图表库
    • Graphin (opens new window) [在线示例 (opens new window)] - 基于G6封装的React组件库,专注在关系可视分析领域
    • Ant Design Charts (opens new window) [在线示例 (opens new window)] - 简单好用的 React 图表库。
    • AVA (opens new window) [在线示例 (opens new window)] - AVA 是为了更简便的可视分析而生的技术框架
    • Viser (opens new window) [在线示例 (opens new window)] - 基于G2的数据可视化工具包,支持React、Vue和AngularJS
  • highcharts (opens new window) [在线演示 (opens new window)] - 基于SVG的JavaScript图表库,支持旧浏览器

  • wx-charts (opens new window) [在线演示 (opens new window)] - 微信小程序图表charts组件

  • wordcloud2.js (opens new window) [在线演示 (opens new window)] - 2D Canvas/Html词云

  • chartist-js (opens new window) [在线演示 (opens new window)] - 简单的响应式图表

  • charts (opens new window) [在线演示 (opens new window)] - 零依赖的、简单的、响应快的、现代SVG图表

  • flot (opens new window) [在线演示 (opens new window)] - 基于Jquery为工程和科学应用程序派生的JS绘图库

  • apexcharts.js (opens new window) [在线演示 (opens new window)] - 基于SVG的交互式JavaScript图表

  • plotly.js (opens new window) [在线演示 (opens new window)] - Ploty和Dash的JavaScript版本的开源图表库

  • easy-pie-chart (opens new window) - 一个轻量级插件,为单个值绘制简单带动画的饼图

  • react-vis (opens new window) [在线演示 (opens new window)] - React的数据可视化组件

  • vega (opens new window) [在线演示 (opens new window)] - 可视化语法,使用Vega,您可以用JSON格式描述数据可视化,并使用HTML5 Canvas或SVG生成交互式视图

  • heatmap.js (opens new window) - 基于HTML5 Canvas的Js热力图

  • zeu (opens new window) [在线演示 (opens new window)] - 用于构建实时电视仪表板、监控UI和物联网Web界面的JS库

  • HQChart (opens new window) - HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图

  • canvas-gauges (opens new window) [在线演示 (opens new window)] - 使用纯 JavaScript 和 HTML5 画布的高度可配置仪表盘。没有依赖性。由于代码库最少,因此适用于物联网设备

  • lightweight-charts (opens new window) [在线演示 (opens new window)] - 使用H5 Canvas创建的财务轻量级图表

# 海报截图

  • html2canvas (opens new window) [在线演示 (opens new window)] - JS截图插件
  • dom-to-image (opens new window) - 使用HTML5 Canvas从DOM节点生成图像
  • html-to-image (opens new window) - 使用HTML5 Canvas和SVG从DOM节点生成图像。
  • canvas2image (opens new window) [在线演示 (opens new window)] - 用于保存或转换Canvas为图片的工具
  • mp_canvas_drawer (opens new window) [在线演示 (opens new window)] - 微信小程序绘图助手,通过json生成分享朋友圈的图片
  • vue-canvas-poster (opens new window) [在线演示 (opens new window)] - 通过CSS属性生成海报图的轻量级Vue组件
  • wxa-plugin-canvas (opens new window) - 小程序海报组件-生成朋友圈分享海报并生成图片

# 数据处理

  • html2pdf.js (opens new window) - 纯JS的客户端HTML生成PDF
  • rasterizeHTML.js (opens new window) - 将HTML渲染到浏览器的Canvas中
  • JavaScript-Canvas-to-Blob (opens new window) - 一个将Canvas元素转换为Blob对象的函数
  • jsgif (opens new window) - 将HTML5 Canvas保存到GIF和动画。一个AS3GIF Gifplayer到JS的港口
  • whammy (opens new window) - 基于Canvas来Hack的实时JS webm编码器
  • js-imagediff (opens new window) - 带有Jasmine匹配器的Canvas图像差异比对程序,用于测试Canvas
  • canvas2svg (opens new window) [在线演示 (opens new window)] - 将H5 Canvas绘图命令是转换成SVG
  • canvg (opens new window) [在线演示 (opens new window)] - Canvas上的JS SVG解析器和渲染器

# 图像处理

  • tui.image-editor (opens new window) [在线演示 (opens new window)] - 基于Canvas功能完整的照片图像编辑器。
  • merge-images (opens new window) - 轻松将图像组合在一起,且不会弄脏周围的画布
  • we-cropper (opens new window) [在线演示 (opens new window)] - 微信小程序图片裁剪工具
  • miniPaint (opens new window) [在线演示 (opens new window)] - 在线图片编辑器
  • animockup (opens new window) [在线演示 (opens new window)] - 在浏览器中创建动画模型,并导出为视频或动画GIF
  • vintageJS (opens new window) - 使用HTML5 Canvas元素为图像添加复古/复古效果
  • glitch-canvas (opens new window) [在线演示 (opens new window)] - 给画布元素添加故障效果
  • JIC (opens new window) [在线演示 (opens new window)] - 使用Canvas和文件API的JS图像压缩器
  • context-blender (opens new window) - 与Photoshop混合模式功能相同的Canvas上下文
  • ios-imagefile-megapixel (opens new window) - 修复iOS6 Safari的大尺寸图像(超过百万像素)的渲染问题
  • fast-average-color (opens new window) [在线演示 (opens new window)] - 计算浏览器中图像或视频的主色/平均色的js库
  • mcanvas (opens new window) [在线演示 (opens new window)] - 用于合成图片的canvas绘制库

# 滤镜

  • canvasfilters (opens new window) [在线演示 (opens new window)] - Canvas图像滤镜

# 画板

  • jspaint (opens new window) [在线演示 (opens new window)] - Web版的经典MS Paint翻版
  • drawingboard.js (opens new window) [在线演示 (opens new window)] - 一个基于画布的绘图应用程序,您可以轻松集成到您的网站上。
  • drawingboard (opens new window) [在线演示 (opens new window)] - 高级画板—自由绘、直/虚线、箭头、所有几何图形
  • draw (opens new window) [在线演示 (opens new window)] - 支持钢笔和触摸的Web端Canvas

# 签名

  • signature_pad (opens new window) [在线演示 (opens new window)] - 基于HTML5画布的平滑签名绘图
    • vue-signature-pad (opens new window) [在线演示 (opens new window)] - Vue版本的签名板
    • react-signature-pad (opens new window) - React版的签名板
    • angular-signature (opens new window) - Angular版的签名板
    • react-native-signature-pad (opens new window) - React-Native版的签名板
  • signature-pad (opens new window) [在线演示 (opens new window)] - JQ插件,创建基于Canvas的签名板
  • canvas-draw (opens new window) [在线演示 (opens new window)] - 使用Canvas手写签名或绘图,支持PC、Mobile和横屏
  • smooth-signature (opens new window) [在线演示 (opens new window)] - H5带笔锋手写签名,支持PC端和移动端,任何前端框架均可使用

# 波纹动画

  • wavesurfer.js (opens new window) [在线演示 (opens new window)] - 以Web音频和Canvas的音频波纹
  • waveforms (opens new window) - 一个互动的、可探索的声波纹描绘特效 [在线演示 (opens new window)]
  • siriwave (opens new window) [在线演示 (opens new window)] - JS实现的Apple® Siri 波纹特效
  • waves (opens new window) [在线演示 (opens new window)] - 模拟海浪效果
  • waveform-playlist (opens new window) [在线演示 (opens new window)] - 具有画布波形预览的多轨网络音频编辑器和播放器。
  • wavedrom (opens new window) [在线演示 (opens new window)] - 一个免费的开源在线数字时序图(波形)渲染引擎

# 粒子动画

  • Proton (opens new window) [在线演示 (opens new window)] - Javascript粒子动画库
  • three.proton (opens new window) [在线演示] - 神奇的3D粒子引擎,使用了three.js库和Proton
  • bubbly-bg (opens new window) [在线演示 (opens new window)] - 小于 1kB 的漂亮气泡背景(750 字节 gzipped)
  • react-particle-effect-button (opens new window) [在线演示 (opens new window)] - 基于React的爆裂粒子效果按钮

# 路径动画

  • pasition (opens new window) [在线演示 (opens new window)] - 轻量级 Path 过渡库,可以渲染到任何地方

# 音视频

  • canvid (opens new window) [在线演示 (opens new window)] - 在Canvas上播放短视频的零依赖JS库

# 光标

  • blobity (opens new window) [在线演示 (opens new window)] - 一个效果不错的canvas光标插件

# 创意

  • pts (opens new window) [在线演示 (opens new window)] - 一个可视化和创意库

# 二维码

  • qrious (opens new window) [在线演示 (opens new window)] - 使用Canvas生成二维码的纯JavaScript库
  • qrcodejs (opens new window) - 基于JavaScript的跨浏览器二维码生成器
  • node-qrcode (opens new window) - 二维码生成器
  • wifi-card (opens new window) [在线演示 (opens new window)] - 打印您连接的 WiFi 二维码(wificard.io)
  • jsqrcode (opens new window) [在线演示 (opens new window)] - Javascript 二维码生成器
  • instascan (opens new window) [在线演示 (opens new window)] - 使用网络摄像头的 HTML5 二维码扫描仪
  • qrcode.react (opens new window) - 用于React的二维码组件
  • qrbtf (opens new window) [在线演示 (opens new window)] - 艺术二维码生成器
  • Awesome-qr.js (opens new window) [在线演示] - 一个用 JavaScript 编写的很棒的二维码生成器
  • jquery-qrcode (opens new window) - JQ二维码独立生成(不依赖于外部服务)
  • vue-qrcode-reader (opens new window) [在线演示 (opens new window)] - 一组用于检测和解码二维码的 Vue.js 组件
  • weapp-qrcode (opens new window) [在线演示 (opens new window)] - 在 微信小程序 中,快速生成二维码
  • qr-image (opens new window) - 另一个二维码生成器

# 验证码

  • jigsaw (opens new window) [在线演示 (opens new window)] - canvas滑动验证码
  • jq_slideImage (opens new window) [在线演示 (opens new window)] - jQuery滑动拼图验证插件
  • jigsaw (opens new window) [在线演示 (opens new window)] - canvas滑动验证插件jigsaw
  • JQuery插件库验证码资源地址 (opens new window)

# 运行时

  • node-canvas (opens new window) - 由Cairo支持的Node.js画布实现。
  • skia-canvas (opens new window) - 关于Canvas的Node.js环境
  • ExplorerCanvas (opens new window) - IE8以前的Canvas环境

# 其他

  • paper.js (opens new window) [在线演示 (opens new window)] - 矢量图形脚本的瑞士军刀
  • react-canvas (opens new window) - 将React组件渲染成Canvas而不是DOM
  • react-native-canvas (opens new window) - React Native Canvas组件

# 插件资源网站

  • CodePen Canvas特效资源 (opens new window)
  • ANIMPEN 码笔网 Canvas特效资源 (opens new window)
  • JQuery之家 Canvas特效资源 (opens new window)
  • JQuery插件库 Canvas特效资源 (opens new window)
  • CodePen上Canvas相关的你应该关注的人 (opens new window)

# 效果/案例

  • canvas-confetti (opens new window) [在线演示 (opens new window)] - 一个撒花/纸屑效果插件
  • lucky-canvas (opens new window) [在线演示 (opens new window)] - 基于 TS + Canvas 开发的【大转盘 / 九宫格】抽奖插件,rainbow 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等
  • CanvasInput (opens new window) [在线演示 (opens new window)] - HTML5 Canvas文本输入框
  • wind-js (opens new window) [在线演示 (opens new window)] - 使用JS API在Canvas中模拟风的演示动画
  • curvejs (opens new window) [在线演示 (opens new window)] - 魔幻线条
  • canvas-nest.js (opens new window) - 一个基于 html5 canvas 绘制的网页背景效果。
  • canvas-special (opens new window) - 超多经典 Canvas 实例,动态离子背景、炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等
  • canvas效果集合 (opens new window)
  • shape-shifter (opens new window) [在线演示 (opens new window)] - 这是一个基于用户输入使用一组粒子来渲染不同形状的画布实验。它支持多种模式:文本,倒计时,时间和图标
  • canvas-test (opens new window) - 小的canvas效果demo

# 文章

  • 可视化私房菜 (opens new window) - 可视化国家队的私房菜,用心烹调,以飨读者。
  • 体系化建设 BI 业务定制图表 (opens new window)
  • 图可视化知多少 (opens new window) - 图可视化、图分析及图编辑知识库。
  • G2Plot 可视化圈子 (opens new window)
  • G2:图形、交互语法 (opens new window)
  • 可视化小讲堂 (opens new window)
  • 如何看待 Google Docs 将从 HTML 迁移到基于 Canvas 渲染? (opens new window) - @知乎 海蓝
  • 用Canvas画一只会跟着鼠标走的小狗 (opens new window) - @知乎 李银城
  • 用Canvas + WASM画一个迷宫 (opens new window) - @知乎 李银城
  • 玩转「Canvas」 (opens new window) - 编程圈 @糖少
  • JS之使用Canvas绘图 (opens new window) - 简书 @LemonnYan
  • 一个少女心满满的例子带你入门 Canvas (opens new window) - 掘金 @sunshine小小倩
  • 为了让她10分钟入门canvas,我熬夜写了3个小项目和这篇文章 (opens new window) - 掘金 @Sunshine_Lin
  • 更优雅地基于 canvas 在前端画海报 (opens new window) - 掘金 @2dunn
  • 【🎨万物皆可动】详解Canvas路径动画 (opens new window)- 掘金 @ChanningHyl
  • 产品经理:你能不能用div给我画条龙? (opens new window) - 掘金 @大帅老猿
  • Canvas性能优化 (opens new window) - 掘金 @清夜
  • 为了让你们进阶Canvas,我花7小时写了3个有趣的小游戏!!! (opens new window) - 掘金 @Sunshine_Lin
  • 十分钟实现灭霸打响指灰飞烟灭的效果 (opens new window) - 掘金 @wangzy2019
  • 匠心打造canvas签名组件 (opens new window) - @路易斯

# awesome-canvas

GitHub地址:https://github.com/chinaBerg/awesome-canvas (opens new window)

#开源项目
上次更新: 2024/01/30, 00:35:17
常用工具集(utils.js)
微信小程序-APP生命周期与运行机制总结

← 常用工具集(utils.js) 微信小程序-APP生命周期与运行机制总结→

最近更新
01
Gitea数据备份与还原
03-10
02
Linux 中使用 rsync 同步文件目录教程
03-10
03
Linux 使用 rsync 互相传输同步文件的简单步骤
03-08
更多文章>
Theme by Vdoing | Copyright © 2019-2025 NoteZ,All rights reserved | 冀ICP备2021027292号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式