# 在线工具

# 开发相关

• Can I useopen in new window 兼容性查询
• carbonopen in new window 代码图片生成
• npm trendsopen in new window 比较 npm package 的下载情况
• Bundlephobiaopen in new window 分析 npm package 的依赖、bundle 后的大小、下载速度预估
• Package Phobiaopen in new window 查询 npm package 的安装体积（磁盘大小）

# 沙箱

• CodeSandboxopen in new window
• Codepenopen in new window

# 正则

• 正则可视化工具
  • regulexopen in new window
  • regexperopen in new window
  • 正则可视化open in new window
• regex101open in new window 在线正则测试工具
• regexgenopen in new window 生成与一组字符串匹配的正则表达式
• any-ruleopen in new window 正则大全

# 代码编译

• ast 生成器open in new window
• rollupopen in new window

# JS 相关

• Babelopen in new window
• TypeScriptopen in new window

# Vue

• Vue Template Exploreropen in new window
• Vue 3 Template Exploreropen in new window
• Vue SFC Playgroundopen in new window

# CSS 预处理器

• Sass Playgroundopen in new window
• Less-To-CSS Playgroundopen in new window
• Stylus Playground
  • 英文官网open in new window
  • 中文站点open in new window

# 代码生成

• webcode.toolsopen in new window Web 代码生成工具 (CSS、HTML、meta 信息、JSON 等)
• nginx 配置可视化生成open in new window (github)open in new window

# CSS 相关

• CSS Grid Generatoropen in new window grid 布局
• FANCY-BORDER-RADIUSopen in new window border-radius 圆角
• CSS Shadows Generatoropen in new window box-shadow 阴影
• Cubic-Bezieropen in new window 贝塞尔曲线
• Easing Gradientsopen in new window 渐变
• Clippy — CSS clip-path makeropen in new window clip-path
• Neumorphism/Soft UI generatoropen in new window border-radius / background / box-shadow

# SVG 相关

• Get Wavesopen in new window SVG 波浪生成器

# CDN

• jsDelivropen in new window
• esm.shopen in new window

# 图片处理

# 图片底色去除

• remove.bgopen in new window
• BgRemoveropen in new window

# 图片压缩

• TinyPNGopen in new window
• docsmallopen in new window
• squooshopen in new window Google 开源open in new window的图片压缩工具

# 图片生成

• Shields.ioopen in new window 绘制小徽章

• 生成 Github 仓库 Star 增长图

  • Star Chartsopen in new window 数据更详细
  • Star historyopen in new window 手绘风格

• Notion 风格头像制作open in new window

# 作图工具

• ProcessOnopen in new window 免费在线流程图思维导图
• Draw.ioopen in new window 流程图
• Excalidrawopen in new window 手绘风格流程图

# 文件处理

• 在线格式转换
  • CloudConvertopen in new window 在线文件转换器，支持 200+ 种格式、支持自定义设置、图片可在线预览（英文界面）
  • Convertioopen in new window 在线转换文件的简单工具，支持 300+ 种格式、支持自定义设置（最大 100M）

# 休闲娱乐

yikm 小霸王在线游戏机open in new window