Vue x GSAPスターターキット

このリポジトリは、Twilioブログの「GSAPとVue 3でアニメーションを作成する方法」を読んでいただいた方向けのソースコードです。

チュートリアルを最後まで進めると、以下のようなアニメーションが完成します。

mainブランチは、アニメーション適用前のコードを格納しています。アニメーション的用後のコードはcomplete-appブランチを参照してください。

プロジェクトの依存パッケージをインストールする

リポジトリのルートディレクトリで、以下のコマンドを実行してください。

npm install

プロジェクトを実行する

npm run serve

ブラウザでhttp://localhost:8080を開きます。