{"id":59888,"url":"https://github.com/FightingDesign/awesome","name":"awesome","description":"💡 令人惊叹的一些前端资源、工具包等汇总。（💡  Amazing summary of some front-end resources, toolkits, etc.）","projects_count":63,"last_synced_at":"2026-06-11T06:00:29.425Z","repository":{"id":45791500,"uuid":"502495867","full_name":"FightingDesign/awesome","owner":"FightingDesign","description":"💡 令人惊叹的一些前端资源、工具包等汇总。（💡  Amazing summary of some front-end resources, toolkits, etc.）","archived":false,"fork":false,"pushed_at":"2023-11-04T08:50:25.000Z","size":145,"stargazers_count":46,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-05-25T15:04:32.869Z","etag":null,"topics":["awesome","awesome-list","chrome-extension","github","markdown"],"latest_commit_sha":null,"homepage":"https://fightingdesign.github.io/awesome","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FightingDesign.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-12T01:53:14.000Z","updated_at":"2025-10-27T11:09:30.000Z","dependencies_parsed_at":"2024-05-08T00:05:38.700Z","dependency_job_id":"8f93f01f-81dc-4d53-9045-c2a9aa184821","html_url":"https://github.com/FightingDesign/awesome","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FightingDesign/awesome","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FightingDesign%2Fawesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FightingDesign%2Fawesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FightingDesign%2Fawesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FightingDesign%2Fawesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FightingDesign","download_url":"https://codeload.github.com/FightingDesign/awesome/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FightingDesign%2Fawesome/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34184779,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-05-08T00:00:21.833Z","updated_at":"2026-06-11T06:00:29.426Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["其它工具","文档教程","效率工具","UI 设计相关","开发工具","博客相关","宝藏级别","面试系列","学习相关","梯子相关","Chrome 插件","Vite 插件","第三方库","书籍大全"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg width=\"400\" src=\"https://tianyuhao.cn/images/fighting-design/FightingAwesome.svg\" alt=\"Awesome FightingDesign\"\u003e\n\u003c/div\u003e\n\n# Fighting Awesome\n\n💡 令人惊叹的一些前端资源、工具包等汇总。\n\n参考贡献前，请先阅读[贡献指南](https://github.com/FightingDesign/awesome/blob/master/CONTRIBUTING.md)。\n\n## 博客相关\n\n- [Tyh2001](https://blog.tianyuhao.cn) 这是 [田同学](https://github.com/Tyh2001) 的个人博客，很多技术分享和笔记\n\n## 宝藏级别\n\n- [moyu](https://github.com/akira-cn/moyu) Github 摸鱼大全！\n- [VsCode Themes](https://vscodethemes.com) vscode 主题大全\n- [varbook](https://varbook.uiuing.com/) 前端变量名命名神器，支持多种命名规范，中文翻译\n\n## Chrome 插件\n\n- [AdBlock — 最佳广告拦截工具](https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom?hl=zh-CN) 一款 Chrome 广告拦截插件，可以指定某个 html 元素的拦截\n- [捕捉网页截图 - FireShot 的](https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=zh-CN) 一款 Chrome 截图插件，可以实现截取网页长图\n\n## Vite 插件\n\n- [vite-plugin-dts](https://github.com/qmhc/vite-plugin-dts) 可用作 ts 类型打包，用于生成 `.d.ts` 文件的 vite 插件\n- [unplugin-vue-setup-extend-plus](https://github.com/chenxch/unplugin-vue-setup-extend-plus) 用于在 script setup 中设置组件 name 的插件\n\n## 第三方库\n\n- [ace-builds](https://github.com/ajaxorg/ace-builds) Ace 代码编辑器的打包版本。可实现简单 IDE\n\n## 面试系列\n\n- [tian-classmate](https://github.com/Tyh2001/tian-classmate) 田同学在线开源简历模板\n- [web 前端面试 - 面试官系列](https://vue3js.cn/interview/) 前端面试题\n- [Interview-record](https://github.com/Tyh2001/Interview-record) 这是 [田同学](https://github.com/Tyh2001) 真实的面试复盘\n- [Awesome-JavaScript-Interviews](https://github.com/rohan-paul/Awesome-javascript-interviews) 流行的 JavaScript/React / Node / Mongo 堆栈面试问题及其答案\n- [javascript-questions](https://github.com/lydiahallie/javascript-questions) 一长串（高级）JavaScript 问题及其解释 ✨\n- [js-challenges](https://github.com/Sunny-117/js-challenges) 集锦前端 JavaScript 编程题，Not just for interviews\n\n## 学习相关\n\n- [wtfjs](https://github.com/denysdovhan/wtfjs) 有趣而棘手的 JavaScript 示例列表\n- [程序员小山与 Bug](https://www.douyin.com/user/MS4wLjABAAAAE8pu3OvkCMpd_mbHotBKV8Bth4LLl4OA_rVSIAz2Zq2xK22KVBfRlNtegdFy8wtm?is_full_screen=0\u0026vid=7117254908620950791) 针对各种前端的 bug 和知识点解决方案\n- [渡一 Web 前端学习频道](https://www.douyin.com/user/MS4wLjABAAAAi2oukRVcHpgD-HbVdzsxE7tYykr91YuIKukR_X_Yy08EFWRQhRrECDF6FvbvT8Xa) 前端的各种常见知识点总结\n- [33-js-concepts](https://github.com/stephentian/33-js-concepts) 📜 每个 JavaScript 工程师都应懂的 33 个概念\n- [学习 JS 看这个就够了，全面打通 JAVASCRIPT 知识点](https://www.bilibili.com/video/BV1NJ411W7wh/?spm_id_from=333.999.0.0\u0026vd_source=45b9ebc52408dcecd5ef3a71d406552e) 学习 JS 入门到精通教程，视频教程，非错不错，每个视频很简短，干货满满\n\n## 文档教程\n\n- [MDN](https://developer.mozilla.org/zh-CN/) 包含 Web 技术的兼容性数据\n- [TypeScript 入门教程](https://ts.xcatliu.com/) TypeScript 入门级别教程\n\n## 书籍大全\n\n- [awesome-books](https://github.com/Tyh2001/awesome-books) 📚 非常棒的程序员学习书籍大全。\n\n## 开发工具\n\n- [termius](https://termius.com/) 服务器终端工具\n- [varbook](https://varbook.uiuing.com) 适合中文程序员的变量命名助手，NLP+翻译，规范变量命名，定制化变量命名规则\n- [Regulex](\u003chttps://jex.im/regulex/#!flags=\u0026re=%5E(a%7Cb)*%3F%24\u003e) 可以用于演示正则表达式的执行效果\n- [asciiFlow](https://asciiflow.com/#/) 可以使用字符画出一些效果图，用于粘贴到代码的注释中\n- [Chrome](https://www.google.cn/chrome/) Chrome 浏览器官方网站下载\n- [Regulex](\u003chttps://jex.im/regulex/#!flags=\u0026re=%5E(a%7Cb)*%3F%24\u003e) JavaScript 正则表达式可视化演示\n\n## 效率工具\n\n- [Markdown Nice](https://editor.mdnice.com/) 一款 Markdown 编辑器，可以适配知乎、掘金等平台\n- [在线重命名](https://webrename.cn) 文件批量重命名在线工具，支持各种重命名方法，在线打包\n- [在线工具](https://tool.lu/) 大量的开发小工具库，非常实用\n\n## 其它工具\n\n- [Intel® Unison™](https://apps.microsoft.com/store/detail/intel%C2%AE-unison%E2%84%A2/9PP9GZM2GN26?hl=zh-cn\u0026gl=cn+%E4%BD%9C%E8%80%85%EF%BC%9Arifhvk+https%3A%2F%2Fwww.bilibili.com%2Fread%2Fcv21078361+%E5%87%BA%E5%A4%84%EF%BC%9Abilibili) windows 安卓 ios 互联工具（windows 11 支持）\n- [codeImg](https://codeimg.io/) 可以将代码片段的生成图片，用与插入文章\n- [ray](https://ray.so/) 帮助你快速生成代码片段截图，可自定义样式\n- [carbon](https://carbon.now.sh/) 可以将代码片段的生成图片，用与插入文章\n- [Termius](https://www.termius.com/) 一个简洁好用的 SSH 客户端，界面高端大气\n- [木极简历](https://www.mujicv.com/) 一款使用 Markdown 编写简历的导出 PDF 的工具，免费使用\n- [小码短域名](https://xiaomark.com/) 可以将长域名生成短域名的工具\n- [shields](https://shields.io/) 用于生成小标签 ![](https://img.shields.io/github/stars/FightingDesign/fighting-design)\n- [WinSCP](https://winscp.net/eng/docs/lang:chs) 一款服务器管理平台\n- [logoly](https://www.logoly.pro/#/) Pornhub 风格的徽标生成器，可以自定义排版和文字，生成挖掘机主题风格 Logo\n- [vectorMagic](https://zh.vectormagic.com/) 轻轻松松 把 JPG、PNG、GIF 文件 转换成 PDF、SVG、EPS 矢量图像\n- [Squoosh](https://squoosh.app/) 可以压缩图片的工具\n- [宝塔](https://www.bt.cn/new/index.html) 简单好用的 Linux / Windows 服务器运维管理面板\n- [在线 PS](https://ps.gaoding.com/#/?hmsr=zc-cc) 节约下载 PS 的时间，直接使用在线版\n- [PPT 超级市场](https://www.pptsupermarket.com/) PPT 超级市场，所有 PPT 均可免费下载\n\n## 梯子相关\n\n- [在人间](https://dashboard.zrj222.com/) 在人间加速器\n- [AURORA](https://www.catjs2.xyz/) 免费极光加速器\n- [Superfast](http://www.super-fastapps.com/zh/) 一款加速器（收费版）\n- [西游](https://sunwk.fun/) 西游加速器\n- [vpncn.github.io](https://github.com/vpncn/vpncn.github.io) 2022 中国翻墙软件 VPN 推荐以及科学上网避坑，稳定好用。对比 SSR 机场、蓝灯、V2ray、老王 VPN、VPS 搭建梯子等科学上网与翻墙软件，中国最新科学上网翻墙梯子 VPN 下载推荐\n- [fanqiang](https://github.com/bannedbook/fanqiang) 翻墙科学上网\n\n## UI 设计相关\n\n- [中国色](http://zhongguose.com/#mudanfenhong) 中国风格的颜色库\n- [uiverse](https://uiverse.io/) 一个用 html 和 css 实现的精美元素网站，包括按钮、输入框、开关等\n- [SvgWave](https://svgwave.in/) svg 波浪生成器\n- [MagicPattern](https://www.magicpattern.design/tools/css-backgrounds) 可以生产 css 的惊艳背景效果\n- [Custom Shape Dividers](https://www.shapedivider.app/) 自定义形状分隔线，可以生产 svg 的形状\n- [You-need-to-know-css](https://lhammer.cn/You-need-to-know-css/#/zh-cn/centering-known) 💄Web 开发者的 CSS 技巧~里面有多种 css 的案例效果提供使用\n- [Flowbite](https://github.com/themesberg/flowbite) Flowbite 是使用 Tailwind CSS 构建的 UI 组件的免费开源集合\n- [Preline UI](https://preline.co/index.html) Preline UI 是一组基于实用程序第一个 Tailwind CSS 框架的开源预构建 UI 组件。\n- [NavNav+](https://navnav.co/) 各种 css 特效\n- [cssFx](https://cssfx.netlify.app/) css 动画合集\n- [headless](https://headlessui.com/) 完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。\n- [codepen](https://codepen.io/ainalem) 各种动画效果组件，可直接复制代码\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/fightingdesign%2Fawesome/projects"}