HTML 工具
转换 HTML、Pug、JSX、SVG 组件和 CSS，减少标记与样式的重复改写。
本分类共 21 个工具，均在浏览器中运行，无需注册。
SVG 路径编辑器
直接编辑 SVG 路径形状。移动锚点和曲线控制点，然后复制路径或保存 SVG。
SVG 优化器
使用 SVGO 在本地优化静态 SVG。比较结果，并下载单个文件或 ZIP 压缩包。
SVG → JSX
将 SVG 文件快速转换为 React JSX 代码，简化 React 应用的开发流程，提高开发效率
SVG → React Native
利用此工具将 SVG 文件转换为 React Native 组件，轻松构建跨平台移动应用，提升开发体验。
HTML → JSX
将 HTML 代码转换为 React JSX 格式，便于在 React 项目中重用和组件化，提升开发效率和代码质量。
HTML → Pug
通过该工具将 HTML 转换为 Pug 模板，优化前端开发流程，提高代码的可维护性和效率。
Markdown → HTML
将 Markdown 文件转换为 HTML，以便在网页中展示格式化的文本内容。
Flexbox 生成器
直观调整真实的弹性布局。设置容器和各个项目，尝试不同宽度，然后获取 CSS、HTML 或 Tailwind 代码。
CSS 裁剪路径生成器
直接在画布上塑造形状。拖动多边形顶点，探索圆形和圆角形状，并导出 CSS 或 SVG。
盒阴影生成器
逐层构建立体效果。移动光源，调整柔和度与颜色，复制可直接用于生产环境的阴影代码。
CSS 网格生成器
可视化绘制 CSS 网格布局。设置列和行的尺寸，在单元格上拖动来命名区域，并复制 CSS、HTML 或 Tailwind 代码。
三次贝塞尔曲线生成器
拖动两个控制点来调整 CSS 缓动曲线。将动画效果与线性时间对比，并复制用于过渡或 Tailwind 的 cubic-bezier()。
圆角生成器
为每个角设置圆角，切换到椭圆半径，并拖动边缘控制点塑造不规则的斑点形状。复制 border-radius CSS 或 Tailwind 代码。
玻璃拟态生成器
使用 backdrop-filter 制作毛玻璃面板。在实时背景上调整模糊、透明度、饱和度和边框，然后复制 CSS。
CSS 渐变生成器
通过可拖动的色标、角度转盘和预设，创建线性、径向和锥形 CSS 渐变。一键复制 CSS 或 Tailwind 类名。免费，即时生成。
CSS → JS Objects
将 CSS 文件转换为 JavaScript 对象，便于在前端项目中使用和操作样式。
CSS → template literal
将对象样式转换为模板字符串，优化在 React 等框架中的样式应用。
CSS → TailwindCSS
将 CSS 代码转换为 TailwindCSS 类，快速构建实用主义风格的网站。
Less → CSS
将 Less 预处理器文件转换为标准 CSS，提高样式表的兼容性和可维护性。
Scss → CSS
将 SCSS 预处理器文件转换为标准 CSS，简化样式表的编写和管理。
Sass → CSS
将 Sass 预处理器文件转换为标准 CSS，增强样式表的可读性和复用性。