CSSボタン・矢印ジェネレーター (www.mach-tools.net)
UIデザインで頻出する20種類の矢印とボタンレイアウトをノーコードで生成するツール。ホバーアニメーション、カラー・サイズ・角丸などのカスタマイズに対応し、HTML/CSSコードやPNG・WebP・SVG形式で書き出せる。
CSSフロー図ジェネレーター (www.mach-tools.net)
手順解説やタイムラインに使えるステップ図・フロー図をノーコードで生成するツール。ノード形状・接続線スタイル・アイコンをカスタマイズでき、HTML/CSSコードまたはPNG・WebP・SVG形式で書き出せる。
CSSメッシュグラデーションジェネレーター (www.mach-tools.net)
ドラッグ操作でオーロラ背景やスライム形状のメッシュグラデーションをノーコードで作成するツール。アニメーションCSS自動生成と、PNG・WebP・SVG形式での高解像度書き出しに対応。
CSSテキストグラデーションジェネレーター (www.mach-tools.net)
線形・メッシュグラデーションのテキストスタイルをノーコードで生成するツール。アニメーションCSSの出力、PNG・WebP・SVG形式での書き出しに対応。直感的なドラッグ操作でデザインできる。
フリーアイコン画像ジェネレーター (www.mach-tools.net)
Material Symbols・Bootstrap Icons など5大アイコンライブラリから1万以上のアイコンを検索し、PNG・WebP・SVG・ICO・Base64形式で書き出せるツール。色・サイズ・シャドウのカスタマイズやiOS/Android向けアプリアイコン一括出力にも対応。