纸飞机的信笺
博客Awesome开源Demos制品库

分类

显示子类别

Awesome

  • Awesome 项目索引·awesomeindex.dev·
  • 自托管项目 Awesome·awesome-selfhosted.net·
  • Awesome 项目的鼻祖·awesome.re·
  • GitHub 热门 Awesome 榜单·awesome.facts.dev
  • Awesome Search·awesomelists.top·

规格 Spec

  • DevDocs·devdocs.io·
  • 印记中文·docschina.org·
  • Hello 算法·hello-algo.com·
  • 鸢尾花书·github.com/Visualize-ML·
  • MDN·developer.mozilla.org/zh-CN/docs/Web·
  • Google Web.dev·web.dev/?hl=zh-cn
  • W3Schools·w3schools.com
  • 现代 JavaScript 教程·zh.javascript.info·
  • 网道 JavaScript 教程·wangdoc.com/javascript·
  • 网道 TypeScript 教程·wangdoc.com/typescript·
  • 网道 WebAPI 教程·wangdoc.com/webapi·
  • MDN WebAPI 教程目录·developer.mozilla.org/zh-CN/docs/Web/API·
  • JavaScript API 全解析·js.yanceyleo.com·
  • Node.js 中文非官方 API 文档·nodejs.cn/api
  • npm 文档·docs.npmjs.com
  • 阮一峰 ES6 入门教程·es6.ruanyifeng.com·
  • 阮一峰早期 Node.js API 文档·javascript.ruanyifeng.com/nodejs/basic.html·
  • 学习 HTTP/3 协议·http3-explained.haxx.se/zh·
  • 学习 HTTP/2 和 1.1 协议·http2-explained.haxx.se/zh·
  • CSS MDN 文档入口·developer.mozilla.org/zh-CN/docs/Web/CSS·
  • HTML MDN 文档入口·developer.mozilla.org/zh-CN/docs/Web/HTML·
  • HTTP MDN 文档入口·developer.mozilla.org/zh-CN/docs/Web/HTTP·
  • Semantic 版本规范·semver.org/lang/zh-CN·
  • CalVer 版本规范·calver.org/overview_zhcn.html·

规格 Spec/规格文档

  • 维基所有 HTTP 头·en.wikipedia.org/wiki/List_of_HTTP_header_fields
  • Markdown 规格·markdownguide.org·
  • YAML 规格·yaml.org/spec·
  • ECMA 规范·ecma262.docschina.org
  • ES5 规格文档中文翻译·yanhaijing.com/es5
  • JSON5 规范·json5.org·
  • JSDoc 规格·jsdoc.app·

博客

  • 阮一峰·ruanyifeng.com·
  • 张鑫旭·zhangxinxu.com·
  • 颜海镜·yanhaijing.com·
  • 一像素·cnblogs.com/onepixel
  • TooBug·toobug.net·
  • 风动之石·blog.windstone.cc·
  • 羡辙 (张雯莉)·zhangwenli.com·
  • Eleven 的博客·blog.eleven.net.cn·
  • 二丫讲梵·wiki.eryajf.net·
  • 勾三股四·jiongks.name·
  • Phodal·phodal.com·
  • Alili·alili.tech·
  • 紫云飞·cnblogs.com/ziyunfei
  • justjavac·justjavac.com·
  • 司徒正美·cnblogs.com/rubylouvre·
  • 深清秋·infoq.cn/u/beautautumn/publish
  • 韦易笑 (游戏开发)·skywind.me/blog·
  • HTML5ify (朴灵) (关停)·html5ify.com·
  • Chrisyue (关停)·chrisyue.com·
  • 众成翻译 (关停)·zcfy.cc

在线工具

    在线工具/CSS 在线设计

    • clip-path 裁切·bennettfeely.com/clippy·
    • 海浪形状 1·shapedivider.app
    • 海浪形状 2·getwaves.io
    • 毛玻璃·ui.glass/generator
    • flex 布局·bennettfeely.com/flexplorer·
    • grid 布局·cssgrid-generator.netlify.app·
    • tooltip 气泡·cssarrowplease.com·
    • 贝塞尔曲线 1·matthewlein.com/tools/ceaser
    • 贝塞尔曲线 2·cubic-bezier.com·

    在线工具/Web 前端

    • 字体工具·transfonter.org
    • 字体提取·font-subset.disidu.com
    • CanIUse·caniuse.com·
    • Node.Green·node.green·
    • 各设备屏幕尺寸·screensizes.app
    • Nginx 图形化·digitalocean.com/community/tools/nginx·
    • TypeScript 实时转码·typescriptlang.org/play
    • Babel 实时转码·babeljs.io/repl·
    • CodeSandbox·codesandbox.io
    • CodePen·codepen.io/pen
    • 360 检测字体商用·fonts.safe.360.cn

    在线工具/数据与格式

    • 数据加解密转换·gchq.github.io/CyberChef·
    • 数据格式任意转化·transform.tools·
    • 编码与格式转化·bejson.com
    • Cron 图形化·cron.qqe2.com
    • 正则表达式·tool.oschina.net/regex
    • 正则表达式 1 (图形+速查+PCRE)·regexr.com·
    • 正则表达式 2 (图形+速查+PCRE)·regex101.com
    • 正则表达式 (仅图形)·jex.im/regulex·
    • OSChina 工具库·tool.oschina.net
    • 站长之家 whois·whois.chinaz.com
    • 站长之家测速·tool.chinaz.com/sitespeed
    • 域名 ping·tcp.ping.pe
    • 文件格式互转 1·convertio.co/zh
    • 文件格式互转 2·cloudconvert.com
    • 草料二维码·mh.cli.im
    • 数学公式·mathcha.io

    AI

    • AI 模型列表·models.dev·
    • 大模型 Benchmark·huggingface.co/mteb/spaces
    • llms.txt 规范·llmstxt.org·
    • Agent 协议·agentprotocol.ai·
    • Ollama·ollama.com
    • OpenRouter·openrouter.ai
    • Cursor 开发工具·cursor.com/cn/home
    • Hugging Face 模型站·huggingface.co
    • Help AIO 解决方案合集·aio.helphelp.club
    • AI 中转服务合集·aiapipk.com
    • Dify AI 工作流和知识库·dify.ai/zh·
    • 《鸢尾花书》·github.com/Visualize-ML·
    • 《动手学深度学习》·zh.d2l.ai·
    • OpenWebUI·github.com/open-webui/open-webui·
    • NextChat·github.com/ChatGPTNextWeb/NextChat·
    • LangChain·docs.langchain.com·npm
    • 阿里云魔搭·modelscope.cn/home
    • 字节 Coze 扣子·coze.cn
    • 国产 AI 工具合集·ai-bot.cn
    • pytorch 资源镜像·mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/pytorch
    • miniconda 资源镜像·mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda
    • Nvidia CUDA 下载·developer.nvidia.com/cuda-downloads

    AI/Agents

    • ReAct 模式论文·arxiv.org/pdf/2210.03629
    • AGENTS.md 规范·agents.md·
    • Claude Code 官方中文文档·docs.claude.com/zh-CN/docs/claude-code/overview
    • Claude Code 源码逆向·github.com/shareAI-lab/analysis_claude_code·
    • Serena 增强 Agent·oraios.github.io/serena·
    • CCSwitch 代理切换工具·github.com/farion1231/cc-switch·
    • CodeSwitch R 切换工具·github.com/Rogers-F/code-switch-R·
    • OhMyOpenCode·github.com/code-yeongyu/oh-my-opencode·
    • OpenCode 开源 Agent·opencode.ai·
    • RooCode 开源 Agent·roocode.com·
    • Cline 开源 Agent·cline.bot·
    • Awesome Claude Code Plugins·claudecodeplugins.dev/zh·
    • Awesome Claude Code Plugins 2·awesomeclaudeplugins.com·

    AI/Skills

    • Agent Skills 规范·agentskills.io·
    • Anthropics 官方 Skills·github.com/anthropics/skills·
    • Vercel Skills 合集·skills.sh
    • Awesome Agent Skills·github.com/heilcheng/awesome-agent-skills·
    • UI/UX 的强大 Skills·github.com/nextlevelbuilder/ui-ux-pro-max-skill·
    • OhMySkills 网页设计 Skills 合集·github.com/NakanoSanku/OhMySkills·
    • npx skills add·npmjs.com/package/skills·npm

    AI/MCP

    • MCP 协议·modelcontextprotocol.io·
    • Docker Hub MCP·hub.docker.com/mcp
    • MCP Market·mcpmarket.com/zh
    • Smithery MCP 市场·smithery.ai
    • MCP.so 市场·mcp.so
    • MCP Server Hub·mcpserverhub.com
    • Cline MCP 市场·cline.bot/mcp-marketplace
    • 智谱 MCP·modelscope.cn/mcp

    AI/Stable Diffusion

    • Stable Diffusion·github.com/CompVis/stable-diffusion·
    • Stable Diffusion WebUI·github.com/AUTOMATIC1111/stable-diffusion-webui·
    • Civitai 绘图模型站·civitai.com
    • 付费 Midjourney·midjourney.com

    开发体验

    • 代码字体·programmingfonts.org·
    • Nerd 字体库·nerdfonts.com/font-downloads·
    • 字体科普·zhihu.com/question/32058777/answer/3561707776
    • 徽标工具·shields.io·
    • .gitignore·toptal.com/developers/gitignore·
    • Git 官方教程·git-scm.com/book/zh/v2·
    • Git 教程·nulab.com/zh-cn/learn/software-development/git-tutorial/git-basics·
    • Git 分支学习游戏·learngitbranching.js.org·
    • 约定式提交规范·conventionalcommits.org/zh-hans/v1.0.0·
    • Git 提交规范·ruanyifeng.com/blog/2016/01/commit_message_change_log.html
    • 更好看的徽标·forthebadge.com·
    • 文件树·devtool.tech/tree
    • Carbon 代码美化·carbon.now.sh
    • iTerm2 定制·pjchender.blogspot.com/2017/02/mac-terminal-iterm-2-oh-my-zsh.html
    • GitHub 使用 GPG 密钥·zackwu.com/posts/2019-08-04-how-to-use-gpg-on-github
    • GitHub 贡献者机器人·allcontributors.org·
    • 架构图时序图工具 d2·d2lang.com·

    开发体验/WSL 2

    • WSL 2 疑难解答·blog.mjyai.com/2020/06/01/win10-wsl2-ubuntu
    • WSL 2 更换盘符·dev.to/mefaba/installing-wsl-on-another-drive-in-windows-5c4a
    • WSL 2 默认用户更改·askubuntu.com/questions/816732

    设计

      设计/素材库

      • IconFont·iconfont.cn
      • SVG 图标 1·icomoon.io/app
      • SVG 图标 2·leungwensen.github.io/svg-icon·
      • Logo 商标·seeklogo.com
      • Emoji·emojipedia.org/apple
      • 阮一峰免费图库索引·yuque.com/ruanyf/weekly/free-photos
      • 循环纹理图·transparenttextures.com·
      • 艺术循环图·thepatternlibrary.com·
      • 循环图·toptal.com/designers/subtlepatterns
      • 无版权 png 图库·clipart.info
      • 艺术字图片·akuziti.com/yw
      • 字体下载·xiazaiziti.com

      设计/在线设计工具

      • 地理数据可视化·pixelmap.amcharts.com
      • 词云·wordart.com
      • 循环图制作·patterninja.com
      • 放大工具 1·waifu2x.net/index.zh-CN.html
      • 放大工具 2·bigjpg.com
      • 制作 9PNG·alloyteam.github.io/gopng·
      • 去背景·remove.bg/zh

      设计/商业设计工具

      • 泼辣修图·photoeditor.polarr.com
      • 稿定科技在线 PS·ps.gaoding.com/#
      • Icons8 在线图标·icons8.com
      • 创客贴·chuangkit.com
      • Fotor 懒设计·fotor.com.cn
      • 淘宝店铺醉语言设计器·ecplay.com/z1_8.html

      CSS

      • 各种页面模板·webframe.xyz
      • 知乎样式工具推荐·zhuanlan.zhihu.com/p/34645979
      • 烟花·kirilv.com/canvas-confetti·npm
      • 按钮输入框动效·cssfx.netlify.app·
      • Animate.css 动效·animate.style·npm
      • 渐变实现循环纹理·bennettfeely.com/gradients·
      • 《CSS 揭秘》渐变纹理合集·projects.verou.me/css3patterns
      • 渐变纹理 pattern.css·bansal.io/pattern-css·npm
      • 过渡色·bennettfeely.com/scales·
      • 照片叠放效果·designshack.net/articles/css/use-pseudo-elements-to-create-an-image-stack-illusion
      • 防御性 CSS·defensivecss.dev·
      • canvas 案例·snayan.github.io/canvas-demo·
      • 开关控件样式合集·getcssscan.com/css-checkboxes-examples
      • 按钮控件样式合集·csspro.com/css-3d-buttons
      • 纯 TailwindCSS 组件库 Sailboat UI·sailboatui.com·

      摘录与案例

      • React 技术揭秘·github.com/BetaSu/just-react··
      • react-app-env.d.ts 是什么·segmentfault.com/a/1190000038874526·
      • Vue 2 设计揭秘与源码拆解·hcysun.me/vue-design/zh··
      • vue-loader 加载 SFC·zhuanlan.zhihu.com/p/355401219·
      • 从零搭建 vue 项目·segmentfault.com/a/1190000014324125·
      • 深入理解 TypeScript·jkchao.github.io/typescript-book-chinese·
      • 阮一峰 flex 布局·ruanyifeng.com/blog/2015/07/flex-grammar.html
      • 阮一峰 grid 布局·ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
      • flex 和 grid 教程和示例·linxz.github.io/flex_learn_manual·
      • 略有深度的前端面试题·cnblogs.com/hzg1981/p/5718157.html
      • vue 超长省略案例·wintc.top/article/58··
      • IT 基础面试题合集·github.com/wolverinn/Waking-Up
      • jQuery 源码分析·cnblogs.com/aaronjs/p/3279314.html·
      • TooBug 的 Webpack 指南·toobug.net/webpack
      • require 的用法·cnblogs.com/lvdabao/p/5953884.html
      • Babel 的 polyfill 和 transform-runtime·segmentfault.com/a/1190000020237790
      • Babel 的 useBuiltIns·segmentfault.com/a/1190000020237779
      • Webpack 4 指南·webpack.eleven.net.cn·
      • Webpack 优化方案·segmentfault.com/a/1190000007891318
      • VR 看房案例·juejin.cn/post/6973865268426571784
      • 让 <img> 也能定制请求头·segmentfault.com/a/1190000020366227·
      • 优化网站图片·cjting.me/2019/07/29/image-optimization·
      • 我给网站做了一场性能手术·juejin.cn/post/6959333330277892133
      • 从渲染原理谈前端性能优化·segmentfault.com/a/1190000019504744
      • 挖孔屏手机安全区适配·jelly.jd.com/article/6006b1055b6c6a01506c87fd
      • jQuery 插件站 1·jq22.com
      • jQuery 插件站 2·htmleaf.com
      • Mongoose 为什么会添加 "__v" 字段·blog.csdn.net/qq_41499782/article/details/121258473
      • Mongoose 关于 "__v" 的官方文档·mongoosejs.com/docs/guide.html#versionKey
      • Koa2 进阶学习笔记·chenshenhai.github.io/koa2-note·
      • Koa 设计模式·chenshenhai.com/koajs-design-note·
      • CSS 知多少·kancloud.cn/digest/css-know/77946
      • CSS 的 BFC·cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
      • 经典手写 XHR·cnblogs.com/xiaohuochai/p/6036475.html
      • 阮一峰网页渲染流程·ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html
      • 阮一峰 RESTful API 最佳实践·ruanyifeng.com/blog/2018/10/restful-api-best-practices.html
      • 阮一峰 OAuth 2.0·ruanyifeng.com/blog/2019/04/oauth-grant-types.html
      • 张鑫旭理解 CSS 的 width·zhangxinxu.com/wordpress/2016/05/css3-width-max-contnet-min-content-fit-content
      • CSS 百分比高度自适应·segmentfault.com/a/1190000004231995
      • 张鑫旭 CSS 固定比例自适应·zhangxinxu.com/wordpress/2017/08/css-percent-padding-image-layout
      • 几种 Cache-Control 用法区别·zhuanlan.zhihu.com/p/55623075

      前端 Lib

      • SimpleWebAuthn 浏览器安全密钥·simplewebauthn.dev·
      • Adobe Spectrum Web Components·opensource.adobe.com/spectrum-web-components·
      • TypeScript 开发 api-extractor·api-extractor.com·npm
      • CSS 重置 modern-normalize·github.com/sindresorhus/modern-normalize·npm
      • 工具 Lodash 中文文档·lodashjs.com·npm
      • 中文拼音笔画 cnchar·theajack.github.io/cnchar·npm
      • 中国地理区划库·github.com/modood/Administrative-divisions-of-China·npm
      • 微信 SDK·github.com/JasonBoy/wechat-jssdk·npm
      • 时间日期处理 Day.js·day.js.org/zh-CN·npm
      • 时区处理 Luxon·moment.github.io/luxon·npm
      • 函数式时间日期处理 date-fns·date-fns.org·npm
      • 函数式工具 ramda 中文文档·ramda.cn/docs·npm
      • ramda 扩展包 ramda-adjunct·char0n.github.io/ramda-adjunct/2.30.0/index.html·npm
      • qs 的小体积版 query-string·github.com/sindresorhus/query-string·npm
      • localStorage 管理工具 store2·github.com/nbubna/store·npm
      • Cookies 管理工具 js-cookie·github.com/js-cookie/js-cookie·npm
      • IndexedDB 管理工具 dexie·dexie.org·npm
      • dexie 的知乎介绍文章·zhuanlan.zhihu.com/p/706654343
      • 四百多个函数按需定制的库 licia·licia.liriliri.io/zh·npm
      • 撤销重做·github.com/gaoding-inc/stateshot·npm
      • 增量同步数据 yjs·yjs.dev·npm
      • 配合 yjs 的 y-websocket·docs.yjs.dev/ecosystem/connection-provider/y-websocket·npm
      • 配合 yjs 的 y-quill·github.com/yjs/y-quill·npm
      • JSON Path Plus·goessner.net/articles/JsonPath·npm
      • monorepo 管理工具 Lerna·lerna.js.org·npm
      • 用于 Service Worker 的 WorkBox·developer.chrome.com/docs/workbox?hl=zh-cn·
      • 防止 XSS 攻击 xss·jsxss.com/zh/index.html·npm
      • 代码高亮 highlight.js·highlightjs.org·npm
      • 更好的代码高亮 prism.js·prismjs.com·npm
      • 剪贴板操作库·clipboardjs.com·npm
      • JS 对象哈希 object-code·tinylibs.js.org/packages/object-code·npm
      • axios 重试插件·github.com/softonic/axios-retry·npm
      • axios 缓存拦截器·axios-cache-interceptor.js.org·npm
      • 在线播放器 ArtPlayer·artplayer.org·npm
      • 更高效的序列化 cbor·github.com/hildjj/cbor2·npm
      • 虚拟控制台 vConsole·github.com/Tencent/vConsole·npm
      • H5 唤起 App·github.com/suanmei/callapp-lib·npm
      • 判断是否处于移动设备·github.com/kaimallea/isMobile·npm
      • canvas 生成工具 html2canvas·html2canvas.hertzen.com·npm

      前端 Lib/样式与动效库

      • 强大的动效库 motion·motion.dev·npm·
      • 企业级动效库 gsap·gsap.com·npm·
      • 更灵活的 TailwindCSS 样式工具 UnoCSS·unocss.dev·npm·
      • 悬停视差工具 Atropos·atroposjs.com·npm·
      • 整页悬停视差工具 parallax.js·matthew.wagerfield.com/parallax·npm
      • 滚动条集成动画 scrollmagic·scrollmagic.io·npm
      • 滚动视差效果 rellax·dixonandmoe.com/rellax·npm
      • 光标特效工具·tholman.com/cursor-effects·npm
      • 动效工具 velocity.js·velocityjs.org·npm
      • canvas 画线工具 vivus·maxwellito.github.io/vivus·npm
      • 图标库 tabler·tabler.io/icons··
      • 图标库 Lucide·lucide.dev·npm·

      前端 Lib/数据可视化与图表

      • 最强表格 AG Grid·ag-grid.com··
      • Excel 在线显示·bossanova.uk/jspreadsheet·npm
      • Excel 工具 SheetJS·docs.sheetjs.com·
      • PDF.js·mozilla.github.io/pdf.js·npm
      • 网页显示 Word 文档 docx.js·github.com/VolodymyrBaydalka/docxjs·npm
      • 图表工具 ECharts·echarts.apache.org/zh/index.html·npm
      • 图表工具 Elastic Charts·elastic.github.io/elastic-charts·npm
      • 图表工具 Chart.js·chartjs.org·npm
      • 3D 绘图工具 D3·d3js.org·npm
      • 3D 绘图工具 Three.js·threejs.org·npm
      • 手绘图表工具 chart.xkcd·timqian.com/chart.xkcd·npm
      • 流程图工具 bpmn.js·bpmn.io/toolkit/bpmn-js·npm
      • 流程图工具 maxGraph·maxgraph.github.io/maxGraph·npm
      • 地图工具 Leaflet·leafletjs.com·npm
      • 新手引导工具 intro.js·introjs.com·npm
      • 强大的新手引导工具 driver.js·driverjs.com·npm

      前端 Lib/富文本

      • 最强富文本 CKEditor·ckeditor.com··
      • CK Editor 图片上传插件·github.com/ctfdavis/ckeditor5-custom-image-upload-adapter·npm
      • 轻量易用的富文本 Quill·quilljs.com·npm
      • 国人开发的 WangEditor·wangeditor.com·npm·
      • 强大的 Markdown 编辑器 TipTap·tiptap.dev··

      React

      • React 官方·zh-hans.react.dev·npm
      • Awesome React·github.com/enaqx/awesome-react·

      React/开发框架

      • TanStack Start·tanstack.com/start·npm
      • SSR 框架 Next.js·nextjs.org·npm
      • SSR 框架 ssr·doc.ssr-fc.com·npm
      • Create React App·create-react-app.dev·npm
      • cra 定制工具 craco·craco.js.org·npm
      • Umi.js·umijs.org·npm
      • 组件库文档建站 Dumi·d.umijs.org·npm

      React/通用库

      • TanStack Router·tanstack.com/router·npm
      • React Router·reactrouter.com·npm
      • 数据请求管理 TanStack React-Query·tanstack.com/query·npm·
      • 数据请求管理 SWR·swr.vercel.app/zh-CN·npm
      • 最好的状态管理 zustand·zustand-demo.pmnd.rs·npm
      • hooks 库 ahooks·ahooks.js.org/zh-CN·npm
      • hooks 库 react-use·streamich.github.io/react-use·npm
      • <head> 控制工具 react-helmet-async·github.com/staylor/react-helmet-async·npm
      • 表单工具 react-hook-form·react-hook-form.com·npm
      • 异步组件包装 @loadable/component·loadable-components.com·npm
      • className 管理 clsx·github.com/lukeed/clsx·npm
      • redux 最好的配套 @reduxjs/toolkit·redux-toolkit.js.org·npm
      • 网站新版本检测 use-upgrade·github.com/jia-niang/use-upgrade·npm·
      • 拖放库 dnd-kit·dndkit.com·npm
      • 拖放库 pragmatic-drag-and-drop·atlassian.design/components/pragmatic-drag-and-drop·npm
      • 拖放库 @hello-pangea/dnd·dnd.hellopangea.com·npm
      • 拖放库 react-draggable·github.com/react-grid-layout/react-draggable·npm
      • 拖放库 react-beautiful-dnd·react-beautiful-dnd.netlify.app·npm
      • 拖放库 react-dnd·react-dnd.github.io/react-dnd·npm
      • 拖放排序库 react-sortable-hoc·clauderic.github.io/react-sortable-hoc·npm
      • 头像裁剪 react-advanced-cropper·advanced-cropper.github.io/react-advanced-cropper·npm
      • 无限滚动 react-infinite-scroll-component·github.com/ankeetmaini/react-infinite-scroll-component·npm
      • toast 提示 react-hot-toast·react-hot-toast.com·npm
      • antd 的头像裁剪 antd-img-crop·github.com/nanxiaobei/antd-img-crop·npm
      • 新手引导 react-joyride·react-joyride.com·npm
      • 新手引导 react tour·elrumordelaluz.github.io/reactour·npm
      • 实时渲染代码 react-live·formidable.com/open-source/react-live·npm
      • markdown 渲染库 react-markdown·remarkjs.github.io/react-markdown·npm
      • Draft.js 富文本的的后继 Lexical·lexical.dev·npm·
      • 国人开发 Markdown 编辑器 Minditor·minditor.dev·npm·

      React/样式与动效

      • hooks 为主的动效库 react-spring·react-spring.dev·npm
      • FLIP 动效 react-flip-toolkit·github.com/aholachek/react-flip-toolkit·npm
      • CSS-In-JS 工具 emotion·emotion.sh/docs/introduction·npm
      • CSS-In-JS 工具 styled-components·styled-components.com·npm
      • CSS-In-JS 工具 polished·polished.js.org·npm
      • CSS-In-JS 工具 JSS·cssinjs.org·npm
      • 各种加载动画 react-spinners·davidhu.io/react-spinners·npm
      • 各种图标 react-icons·react-icons.github.io/react-icons·npm
      • Ant Motion 动效库 (已过时)·motion.ant.design/index-cn·
      • rc-queue-anim (已过时)·queue-anim.vercel.app·npm
      • rc-tween-one (已过时)·tween-one.vercel.app·npm

      React/UI 组件库

      • Mantine UI·mantine.dev·npm
      • Material UI·mui.com·npm·
      • 阿里 Ant Design·ant-design.antgroup.com/index-cn·npm·
      • 阿里数据可视化 AntV·antv.antgroup.com·
      • 腾讯 TDesign·tdesign.tencent.com·npm·
      • 抖音 Semi UI·semi.design/zh-CN·npm
      • 微软 Fluent UI·react.fluentui.dev·npm
      • 字节 Arco Design·arco.design·npm·
      • GitHub 出品 Primer Design·primer.style·npm
      • Semantic UI·semantic-ui.com·npm
      • Blueprint·blueprintjs.com·npm
      • Chakra UI·chakra-ui.com·npm
      • 嗨普智能 React Suite·rsuitejs.com/zh·npm
      • 组件工具 shadcn/ui·ui.shadcn.com·npm·
      • shadcn 丰富动画组件库 Magic UI·magicui.design·
      • shadcn 动效组件 Animate UI·animate-ui.com·
      • shadcn 实现 Radix UI·radix-ui.com·npm
      • 仿 Windows 95 风格 UI 库 react95·react95.github.io/React95·npm
      • 仿 Windows 95 风格 UI 库 react95-io·react95.io·npm

      React/移动端 UI 组件库

      • 京东 Nut UI·nutui.jd.com/h5/react·npm·
      • 阿里 Ant Design Mobile·mobile.ant.design/zh·npm
      • 阿里 Ant Design Mini·mini.ant.design·npm·
      • 众安 Zarm Design·zarm.design·npm
      • 有赞 React Vant·react-vant.3lang.dev·npm·
      • 有赞 React Vant Taroify·taroify.github.io/taroify.com/introduce·npm·
      • 哈啰出行 Quark Design·quark-ecosystem.github.io/quarkd-docs/react/#·npm·
      • 字节 Arco Design Mobile·arco.design/mobile/react·npm·

      Vue

      • Vue 官方·cn.vuejs.org·npm
      • Create Vue CLI·github.com/vuejs/create-vue·npm
      • Vue Router·router.vuejs.org/zh·npm
      • Vue CLI (旧版 Webpack)·cli.vuejs.org/zh·npm
      • Vue Loader (旧版 Webpack)·vue-loader.vuejs.org/zh·npm
      • 状态管理 Pinia·pinia.vuejs.org·npm
      • 状态管理 Vuex (推荐用 Pinia)·vuex.vuejs.org/zh·npm
      • Vue 测试套件·test-utils.vuejs.org/zh·npm
      • Awesome Vue·github.com/vuejs/awesome-vue·

      Vue/开发框架

      • SSR 框架 Nuxt·nuxt.com·npm
      • 小程序开发 Vue Mini·vuemini.org·npm·

      Vue/通用库

      • 数据请求管理 TanStack Vue-Query·tanstack.com/query·npm·
      • hooks 库 VueUse·vueuse.org·npm
      • 滚动条方案 better-scroll·better-scroll.github.io/docs/en-US·npm
      • 动态表单 FormCreate·form-create.com··
      • 动态表单 ncform·github.com/ncform/ncform·npm
      • 自己实现简化版 Vue·github.com/cuixiaorui/mini-vue·
      • 新手教程工具 vue-tour·pulsardev.github.io/vue-tour·npm
      • 头像裁剪组件 vue-advanced-cropper·advanced-cropper.github.io/vue-advanced-cropper·npm
      • Markdown 编辑渲染 mavonEditor·github.com/hinesboy/mavonEditor·npm
      • 流程设计器 DragonFlow·bpmport.com·

      Vue/UI 组件库

      • Element Plus (Vue 3)·element-plus.org/zh-CN·npm
      • Element (Vue 2)·element.eleme.cn/#/zh-CN·npm
      • 腾讯 TDesign (Vue 3 需加 Next 后缀)·tdesign.tencent.com·npm·
      • 字节 Arco Design·arco.design·npm·
      • 华为 Vue DevUI·vue-devui.github.io·npm
      • Ant Design Vue·antdv.com·npm
      • View Design (iView)·iviewui.com·npm
      • Naive UI·naiveui.com/zh-CN/os-theme·npm
      • Vuetify (Material 风格)·vuetifyjs.com/zh-Hans·npm
      • Quasar (Material 风格)·quasar.dev·npm
      • 老牌 LayUI Vue·layui-vue.com/zh-CN/index·npm
      • shadcn 的 Vue 版·shadcn-vue.com·npm
      • Reka UI (Radix Vue)·reka-ui.com·npm

      Vue/移动端 UI 组件库

      • 京东 Nut UI·nutui.jd.com/h5/vue·npm·
      • 有赞 Vant UI·vant.pro/vant·npm·
      • 哈啰出行 Quark Design·quark-ecosystem.github.io/quarkd-docs/vue/#·npm·
      • 滴滴出行 Mand Mobile·didi.github.io/mand-mobile·npm
      • 滴滴出行 Cube UI·didi.github.io/cube-ui·npm
      • UniApp 的组件库 uView UI·uviewui.com·npm·

      Node.js

        Node.js/开发框架

        • tRPC·trpc.io··
        • Nest.js·nestjs.com·
        • 阿里 Midway.js·midwayjs.org·npm
        • 阿里 Egg.js·eggjs.org·npm
        • 360 团队 ThinkJS·thinkjs.org·npm
        • 微服务框架 Seneca·senecajs.org·npm
        • IOC 框架 Daruk·darukjs.com·npm

        Node.js/数据库与 ORM

        • Prisma·prisma.io·npm
        • Drizzle ORM·orm.drizzle.team·npm
        • Nest.js 集成 Prisma·nestjs-prisma.dev·npm
        • Prisma 软删除中间件·github.com/olivierwilkinson/prisma-soft-delete-middleware·npm
        • 单文件数据库 lowdb·github.com/typicode/lowdb·npm
        • MySQL 连接驱动 mysql2·sidorares.github.io/node-mysql2/zh-CN/docs·npm
        • PostgreSQL 连接驱动 pg·node-postgres.com·npm
        • MongoDB 官方连接驱动 mongodb·mongodb.github.io/node-mongodb-native·npm
        • MongoDB ORM 工具 Mongoose·mongoosejs.com·npm
        • Redis 官方连接驱动·redis.js.org·npm
        • Redis 驱动 ioredis·github.com/redis/ioredis·npm

        Node.js/通用库

        • Git 库 simple-git·github.com/steveukx/git-js·npm
        • SSH 工具 sshpk·github.com/TritonDataCenter/node-sshpk·npm
        • fs 增强版 fs-extra·github.com/jprichardson/node-fs-extra·npm
        • 监听文件变更 chokidar·github.com/paulmillr/chokidar·npm
        • 图片处理 sharp·sharp.pixelplumbing.com·npm
        • UUID 和 ULID 实现 id128·github.com/aarondcohen/id128·npm
        • 先进的 ID 系统 cuid2·github.com/paralleldrive/cuid2·npm
        • mime·github.com/broofa/mime·npm
        • 简单的 RESTful 服务器 restify·restify.com·npm
        • Node.js 端的 canvas·github.com/Automattic/node-canvas·npm
        • pm2·pm2.keymetrics.io·npm
        • pm2 轻量版 nodemon·nodemon.io·npm
        • 腾讯微前端 wujie·wujie-micro.github.io/doc·npm
        • 阿里微前端 qiankun·qiankun.umijs.org/zh·npm

        Node.js/模板渲染引擎

        • Nunjucks·mozilla.github.io/nunjucks·npm
        • EJS·ejs.co·npm
        • Pug·pugjs.org·npm
        • XTemplate·github.com/xtemplate/xtemplate·npm

        Node.js/CLI 工具

        • 获取命令行参数 yargs·yargs.js.org·npm
        • CLI 交互式 Inquirer.js·github.com/SBoudrias/Inquirer.js·npm
        • 美化控制台输出 chalk·github.com/chalk/chalk·npm
        • Linux 风格的 CLI 工具 commander.js·github.com/tj/commander.js·npm

        小程序与 Native

          小程序与 Native/开发框架

          • 京东 Taro·taro.zone··
          • 阿里 Framework7·framework7.io··
          • DCloud UniApp·uniapp.dcloud.net.cn··
          • 阿里 Remax 重生版 Rsmax·remaxjs.wdchiphop.cn·npm·
          • 滴滴出行小程序统一架构 MPX·mpxjs.cn·npm
          • 饿了么小程序统一架构 Mor·mor.ele.me·npm

          小程序与 Native/通用库

          • 微信小程序 ECharts·github.com/ecomfe/echarts-for-weixin·
          • 微信小程序 TypeScript 定义·npmjs.com/package/@types/wechat-miniprogram·npm
          • 微信小程序官方 CI·developers.weixin.qq.com/miniprogram/dev/devtools/auto/quick-start.html·npm
          • 小程序 WebSocket Polyfill·github.com/jia-niang/mp-websocket-polyfill·npm
          • 微信官网 WeUI·weui.io·

          小程序与 Native/技术摘录与案例

          • 小程序 Awesome·github.com/justjavac/awesome-wechat-weapp·
          • 微信小程序官方文档·developers.weixin.qq.com/miniprogram/dev/framework
          • 微信开放平台·open.weixin.qq.com
          • 小程序 WebSocket + Stomp.js 案例·developers.weixin.qq.com/community/develop/article/doc/00028457db8230ae22ebb525e56c13

          Docker

          • Docker Hub·hub.docker.com
          • Docker Compose 官方文档·docs.docker.com/reference/compose-file
          • Dockerfile 官方文档·docs.docker.com/reference/dockerfile
          • daemon.json 官方文档·docs.docker.com/reference/cli/dockerd/#daemon-configuration-file
          • 免费镜像监控·status.anye.xyz
          • 自部署 Docker 源 CNCF Distribution·distribution.github.io/distribution·docker
          • 配合 CNCF Distribution 的 UI 界面·joxit.dev/docker-registry-ui·docker
          • Docker 从入门到实践·yeasy.gitbook.io/docker_practice·
          • CMD 与 ENTERPOINT 区别·myapollo.com.tw/blog/docker-cmd-vs-entrypoint
          • COPY 与 ADD 的区别·cnblogs.com/sparkdev/p/9573248.html
          • Docker Engine API 官方文档·docs.docker.com/reference/api/engine
          • run 转 compose·composerize.com
          • WSL Docker·learn.microsoft.com/zh-cn/windows/wsl/wsl-config
          • Docker buildx·github.com/docker/buildx·
          • 腾讯 Node.js 服务 Docker 镜像极致优化指北·juejin.cn/post/7007318998060630029
          • 腾讯大型前端项目 DevOps 沉思录 —— CI 篇·p01.cc/s/f1Lm

          DevOps

          • 自动签发部署 HTTPS 证书 acme.sh·acme.sh·docker
          • 内网穿透 frp·gofrp.org/zh-cn·docker
          • 自部署 npm 制品库 verdaccio·verdaccio.org/zh-cn·docker
          • Git、CI/CD、包管理一体平台 OneDev·onedev.io·docker
          • 数据库结构同步 Liquibase·liquibase.com/community·npm

          DevOps/CI/CD 相关

          • Drone CI·drone.io·docker
          • Jenkins·jenkins.io·docker
          • Flow CI·flowci.github.io·
          • 多浏览器测试 Karma·karma-runner.github.io·
          • 测试覆盖率报告 (前 istanbul) nyc·istanbul.js.org·npm

          DevOps/Nginx 相关

          • 淘宝翻译的 Nginx 文档·tengine.taobao.org/nginx_docs/cn/docs
          • 在线 Nginx 图形化配置·digitalocean.com/community/tools/nginx?global.app.lang=zhCN
          • Nginx 入门教程·xuexb.github.io/learn-nginx·
          • Nginx Proxy Manager·nginxproxymanager.com·docker

          IT 服务

          • CloudFlare·cloudflare.com
          • Vercel·vercel.com
          • LeanCloud·leancloud.app
          • API 供应商 API Space·apispace.com/#
          • API 供应商聚合数据·juhe.cn

          IT 服务/源镜像

          • 中科大源镜像·mirrors.ustc.edu.cn
          • 南大开源镜像·mirror.nju.edu.cn
          • 清华大学源镜像·mirrors.tuna.tsinghua.edu.cn
          • 清华大学 HomeBrew 镜像·mirrors.tuna.tsinghua.edu.cn/help/homebrew
          • 阿里 npm 镜像·npmmirror.com
          • 阿里软件源镜像·developer.aliyun.com/mirror
          • 腾讯云软件源镜像·mirrors.cloud.tencent.com
          • 现在可用的 Docker 镜像·github.com/dongyubin/DockerHub

          其它

          • 微软软件镜像 itellyou·next.itellyou.cn
          • FOFA 网络空间测绘·fofa.info
          • Nomad List 远程工作和旅居·nomadlist.com
          • Web Archive·archive.org
          • 猫点饭路由器评测·mao.fan
          • Microsoft Store 链接提取·store.rg-adguard.net
          • Google Play 提取 .apk 安装包·apkpremier.com
          • Censys 网络流量统计嗅探·search.censys.io
          • 海盗湾·thepiratebay.org/index.html