devs Tools / GSAP Studio / Reference
GSAP Studioの9つの出力形式
同じAnimation ProjectをVanilla、CDN、CodePen、WordPress、React、Vue、Section Composer、Project JSON、QA手順へ変換します。
Vanilla ESM
npm/Vite向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-CDN_HTMLCDN HTML
single page向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-CODEPENCodePen bundle
HTML/CSS/JS tabs向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-WORDPRESSWordPress
enqueue/shortcode向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-REACT_USEGSAPReact useGSAP
React component向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-VUE_COMPOSABLEVue composable
Vue SFC向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-SECTION_COMPOSER_MOTIONSection Composer Motion
bridge JSON向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-PROJECT_JSONProject JSON
canonical archive向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20 output · GST-OUT-QA_RUNBOOKQA Runbook
verification向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。
v1.0.0 · Verified 2026-07-20How to read
固定IDと根拠を、実装コードと一緒に確認する
Pattern(完成構造)は作り方、Rule(品質ルール)は症状と原因、Reference(構文)は値の意味、Output Adapter(出力変換)は環境別の導入方法を担当します。似た検索意図を同じページへ詰め込まず、各ページからGSAP Studioと関連項目へ戻れる構造にしています。