Refract

概要

ウェブ上のリアルタイムGPUエフェクト向けビジュアルコンポジタ。視覚的にレイヤーを積み上げてシェーダー・3D・テキスト・インタラクションを1つのエディターで作成。手作業・AI指示・両方を組み合わせ可能。エクスポートは単一HTMLファイル、SDK不要。50+プリセット、15の3Dプリミティブ、PBR、GLSL、ポスト処理、レイヤー単位のイベント対応。
AI連携はネイティブAIとMCP（22ツール）経由。AIは同じコントロールを利用。SVGのライブシェーダ塗りつぶし、3Dへの押し出し、マウス追跡・スクロールアニメーションも内蔵。Webflow/Framer/Next.js/Squarespace等へ貼り付け可能。無料プランあり。