Ultimate CSS Gradient & Mesh Generatorは、モダンなWebデザインに不可欠な「オーロラ（Mesh Gradient）」や「ノイズ質感」を、直感的なGUI操作で作成できる背景デザインツールです。 Framer Motionを活用し、高パフォーマンスかつ実装コストを抑えたドラッグ操作を実現しています。

主な機能

• Mesh Gradient Mode: WebGLを使わず、CSS FilterとFramer Motionで実装されたオーロラ風のグラデーション。 ドラッグ操作でポイントを自由に移動でき、リアルタイムでプレビューが更新されます。Blur値（80-120px推奨）で「オーロラっぽさ」を調整できます。
• Linear/Radial Gradient Mode: 一般的なグラデーションエディタ。角度やカラーストップを自由に調整できます。
• Non-linear Easing機能: カラーストップ間に中間色を自動挿入し、濁りのない滑らかな遷移を実現します。
• Noise Overlay: SVGフィルター（feTurbulence）を生成し、ノイズ質感を追加。OpacityとBlend Modeを調整可能です。
• CSS Code Generation: 生成したグラデーションをピュアCSSコードとして出力。コピーしてそのまま使用できます。
• PNG Export: 現在のCanvasを画像として保存。デザイン素材として活用できます。

プライバシーとセキュリティ

すべての処理はブラウザ上で完結するため、プライバシー安全で高速です。

• 2025-12-03初回リリース。Mesh Gradient、Linear/Radial Gradient、Noise Overlay、CSS Code Generation、PNG Export機能を実装。