Tools

# Graphviz 图形可视化

Graphviz简要语法 | LeoJhon.Song's Blog (opens new window)

graphviz示例 Gallery (opens new window)

三分钟上手数据结构作图工具graphviz - 掘金 (opens new window)

# 绘图(流程图)

手绘风格流程图 (opens new window)

ProcessOn - 免费在线作图，思维导图，流程图，实时协作 (opens new window)

画板工具- 手绘风 (opens new window)

在线制作各种图表 - Graphy | Slick, interactive charts that make you stand out (opens new window)

colorfu - 在线绘图平台 (opens new window)

pixilart (opens new window)

# Code 相关

es5 转 es6 在线 (opens new window)

Sucrase 一款ES6+编译器 (opens new window)

online editor - OneCompiler (opens new window)

AST 在线转化 (opens new window)

页面预览图js库 (opens new window)

比较文件不同 diff2html (opens new window)

JSON Schema Tool (opens new window)

ascii 字符画 - FIGlet初识 | Aotu.io「凹凸实验室」 (opens new window)

Explaining Code Using ASCII Art | Hacker News (opens new window)

ASCII Art - Svgbob editor (opens new window)

ASCII 流程图在线绘制 - ASCIIFlow (opens new window)

周末考古——ASCIIFlow中文支持探索 - 掘金 (opens new window)

10 Tools to Generate and Have Fun With ASCII Art in Linux Terminal (opens new window)

Christopher Johnson's ASCII Art Collection (opens new window)

Text Art (copy and paste ASCII pictures and font) (opens new window)

Text to ASCII Art Generator (TAAG) (opens new window)

ASCII Art Artists - Ascii Art Archive (opens new window)

神级注释 ascii (opens new window)

Parcel 极速零配置WEB应用打包工具 (opens new window)

手绘风格组件 (opens new window)

Autoprefixer CSS online (opens new window)

css3动画生成 - Animista - CSS Animations on Demand (opens new window)

10个免费好用功能强大的网页动画效果库 | 优设网 - UISDC (opens new window)

Rome 编译器 (opens new window)

json 可视化 - Editor | JSON Visio (opens new window)

leo：从工程化角度出发的前端脚手架 | leo脚手架 (opens new window)

VS Code 设置代码片段格式化工具 (opens new window)

远程协作代码平台 - 面试 (opens new window)

在线编码

glitch (opens new window)

CodeSandbox (opens new window)

Codepen (opens new window)

Stackblitz (opens new window)

在线运行代码 - CodePan (opens new window)

生成好看的代码截图

ray.so (opens new window)

carbon.now.sh (opens new window)

Poet.so | Create Beautiful Images of Twitter Posts (opens new window)

codehike - 代码高亮 (opens new window)

代码编辑器库

CodeMirror (opens new window)

Chrome

Crx4Chrome (opens new window)

Greasy Fork - 安全、实用的用户脚本大全 (opens new window)

Tools for Web Developers | Google Developers (opens new window)

SVG 相关

SVG 在线编辑器 - Vectr (opens new window)

凹凸实验室 - svgtools (opens new window)

FWeinb/grunt-svgstore: Merge svgs from a folder (opens new window)

svgator - 生成SVG头像在线工具 (opens new window)

绘制SVG图js库 - Snap.svg - Getting Started (opens new window)

壁纸 相关

Popular wallpapers | WallpaperUP (opens new window)

极简壁纸_海量电脑桌面壁纸美图_4K超高清_最潮壁纸网站 (opens new window)

工具集合

九蛙工具箱-网名昵称,特殊符号,微信小工具在线生成 (opens new window)

MikuTools - 一个轻量的工具集合 (opens new window)

便捷的开发工具 - Home - SmallDev.tools (opens new window)

推荐10款全面而强大的在线工具 - 知乎 (opens new window)

发现导航 - 精选实用导航网站 (opens new window)

闪击工作台 (opens new window)

免费下载电子书 - zBook (opens new window)

生成头像工具

AI生成头像 - Free Profile Picture Maker - Create an awesome profile pic from any photo (opens new window)

charatoon - 卡通头像 (opens new window)

bitmoji - 生成头像 (opens new window)

国内外免费好用的头像生成器和网站 (opens new window)

在线听音乐

音乐搜索器(可下载) (opens new window)

周杰伦音乐在线听 (opens new window)

在线听音乐刘明野旧版 (opens new window)

在线听音乐刘明野新版版 (opens new window)

下歌吧音乐下载平台 (opens new window)

百乐米 (opens new window)

铜钟 (opens new window)

Prompt AI生成音乐 - Royalty-Free Music Generation For App And Content Creators | Mubert Render (opens new window)

下载音乐资源 - The Pirate Bay - The galaxy's most resilient bittorrent site (opens new window)

# other

在线测试接口 命令行 (opens new window)

Numbers to Excel | CloudConvert (opens new window)

github 上有趣又实用的前端项目（持续更新，欢迎补充） - 前端小站 - SegmentFault 思否 (opens new window)

HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog (opens new window)

「推荐收藏 」 20个Web前端开发工程师必看的国外网站 - 掘金 (opens new window)

刘明野的工具箱 (opens new window)

首页-书签地球-中国首家浏览器书签共享平台 (opens new window)

nginx示例配置 NGINX Config (opens new window)

Device Metrics - Material Design (opens new window)

github-emoij (opens new window)

Python 镜像源 (opens new window)

大连东软信息学院开源镜像站 (opens new window)

数学公式生成 - MathType demo - For Developers (opens new window)

SVG Sprites还原工具，内置Font Awesome小图标 » 张鑫旭-鑫空间-鑫生活 (opens new window)

(开源) XMind2TestCase：一个高效测试用例设计的解决方案！ · TesterHome (opens new window)

Most Useful Command Line Tools: 50 Cool Tools to Improve Your Workflow, Boost Productivity, and More – Stackify (opens new window)

22 Useful Command Line Tools for Front-End Developer – Bashooka (opens new window)

静态站点生成器 Metalsmith - simple, pluggable static site generator (opens new window)

Rust 编写的静态网站生成 Zola (opens new window)

简化shell 脚本编写ShellCheck – shell script analysis tool (opens new window)

配置内联关键css webpack插件 (opens new window)

(Create App)项目初始化相关配置 - 运用到技术和相关配置, 可视化的在线工具网站 (opens new window)

脚手架构建工具, 基于Preact，React，Vue和Svelte的项目 (opens new window)

boardgame.io - Google 开源的一个游戏框架 (opens new window)

快速搭建漂亮的React UI 交互站点 (opens new window)

Evergreen React UI 框架 (opens new window)

基于时间关键帧，在线制作网页动画的网站 (opens new window)

设计表单，无需编写后端代码,将表单应用集成到项目里 (opens new window)

50个好用的前端框架，千万收好以留备用! (opens new window)

图谱 API 探索工具 - Facebook 开发者 (opens new window)

nginx 配置在线生成工具 NGINXConfig | DigitalOcean (opens new window)

Request a discount - GitHub Education (opens new window)

Online Javascript Validator - BeautifyTools.com (opens new window)

Esprima: Demos (opens new window)

在线编写readme文档 (opens new window)

npm 趋势 (opens new window)

williamnie/netSend: 内网传输工具 (opens new window)

[运行 Kubernetes 应用 | Cloud Code for VS Code | Google Cloud](<https://cloud.google.com/code/docs/vscode/running-an-application#:~:text=Cloud Code allows you to,or any other Cloud provider.>)

SEO Tools, Software and Articles | SEO Site Checkup (opens new window)

iLovePDF | 免费的在线 PDF 工具 (opens new window)

字体下载-求字体网提供中文和英文字体库下载、识别与预览服务，找字体的好帮手 (opens new window)

消除图片中的背景 – remove.bg (opens new window)

临时邮箱、十分钟邮箱（10分钟)、临时邮、临时Email、快速注册Email、24Mail--查错网 (opens new window)

国内离线安装 Chrome 扩展程序的方法总结 - 知乎 (opens new window)

circleci 持续集成 - Pipelines - MrZhouZh/All (opens new window)

MacWk - 精品mac软件下载 (opens new window)

正则测试 test speed - Regex Tester/Debugger (opens new window)

IP 地址查询 | NordVPN (opens new window)

转化图片格式工具 ImageMagick – Command-line Tools: Convert (opens new window)

What Does “TLDR” Mean, and How Do You Use It? (opens new window)

TinyPNG – 智能压缩您的WebP、JPEG和PNG图片 (opens new window)

微图 最好用的极速图片压缩工具· 开发者工具箱 (opens new window)

生成各种几何图形填充的随机图片 - Tool.Graphics | Geometric Art (opens new window)

Video2WebP (opens new window)

图片放大能让不清晰的图片变得清晰些 - Super Image - a Hugging Face Space by eugenesiow (opens new window)

免费的天气 API 服务 - Docs | Open-Meteo.com (opens new window)

快速制作镜像U盘 - ventoy/Ventoy: A new bootable USB solution. (opens new window)

专供手机浏览器使用的网页代码编辑环境 - WebDen - Code Playground (opens new window)

高亮显示该网址的源码 (opens new window)

markdown文档转为视频的便捷工具 (opens new window)

可视化不同字体大小 - Type Scale - A Visual Calculator (opens new window)

用于 Web 和移动项目的一些高级插图 - Storytale (opens new window)

徽章生成工具 - Shields.io: Quality metadata badges for open source projects (opens new window)

(2 封私信 / 21 条消息) iterm2有什么酷功能？ - 知乎 (opens new window)

Fotor Editor ｜ Fotor - Online Fotor Editor (opens new window)

Yandex.Translate – dictionary and online translation between English and over 90 other languages. (opens new window)

Deco - 设计稿一键生成多端代码 (opens new window)

CSS Trick – Customized Dashed or Dotted Border (opens new window)

免费的剑桥英语词典和同义词词典 (opens new window)

React Skeleton - Create Content Loader (opens new window)

3d 模型下载 - Poly Haven (opens new window)

readme在线自述文件制作github - readme.so (opens new window)

创建漂亮的移动和浏览器屏幕截图 - Screenshot.Rocks | Create beautiful mobile or browser screenshots and mockups (opens new window)

设计工具、插图、开发人员和设计师的免费集合 - Undesign | Collection of free design tools and resources for makers, developers and designers (opens new window)

推荐一个制作「ASCII 流程图」工具——Graph Easy - SegmentFault 思否 (opens new window)

可自定义事件时间线网站 - Free online timeline maker (opens new window)

在线HTTP请求数据接收Mock工具 - UU在线工具 (opens new window)

环境配置代理抓包神器 (opens new window)

跨浏览器测试平台 - Most Powerful Cross Browser Testing Tool Online | LambdaTest (opens new window)

大多数开发语言和工具的API集合 - OverAPI.com | Collecting all the cheat sheets (opens new window)

生成优质简历 - Create Your Job-winning Resume - (Free) Resume maker · Resume.io (opens new window)

创建基于AI的视频 - Synthesia - AI Video Generation Platform (opens new window)

github 数据抓取工具 - Stargazers: A Tool For Analyzing Your GitHub Stars (opens new window)

查看图片信息 - Online photo metadata and EXIF data viewer | Jimpl (opens new window)

app包 下载 - App news and reviews, best software downloads and discovery - Softonic (opens new window)

🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more (opens new window)

fluentui-emoji (opens new window)

Remix Icon - Open source icon library (opens new window)

免费素材图片 (opens new window)

Arc浏览器 (opens new window)

volta - 增强版github项目管理 (opens new window)

js.org - 提供免费的一级域名用来部署项目 (opens new window)

常用网站及工具,天体收藏家-孙国佑 (opens new window)

在被窝里看星空的网站 (opens new window)

宇宙爱好者值得收藏的网站 (opens new window)

Emoji 网站用于markdown等协作 (opens new window)

Emoji Icons (opens new window)

[卡通角色图片](Free Stock Images of Cartoon Characters｜Charatoon)

生成头像 - Bitmoji (opens new window)

国内外免费好用的头像生成器和网站，快收藏起来～ (opens new window)

在Windows上统计软件使用时长和网站浏览时长 (opens new window)

开源在线接口测试 - Hoppscotch (opens new window)

OpenProcessing - Creative Coding for the Curious Mind (opens new window)

文本语音阅读器 (opens new window)

产品设计 linear (opens new window)

# 安全上网

• vpn - 阿伟云 (opens new window)

• vpn 一元机场 (opens new window)

• ClashX for Mac 在 macOS 系统下配置使用教程 (opens new window)

• 2023 年还有什么好用的梯子？ (opens new window)