网页工具

开发相关

• Can I useopen in new window 兼容性查询
• carbonopen in new window 代码图片生成
• npm trendsopen in new window 比较 NPM 包下载情况

沙箱

• 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 预处理器

• Scssopen in new window
• Lessopen in new window
• Stylus
  • 英文官网open in new window
  • 中文站点open in new window

代码生成

• webcode.toolsopen in new windowWeb 代码生成工具(CSS、HTML、meta 信息、JSON 等)

CSS 相关

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

SVG 相关

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

图片处理

图片底色去除

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

图片压缩

• docsmallopen in new window
• TinyPNGopen 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 免费在线流程图思维导图
• Excalidrawopen in new window 手绘风格流程图