Repolode
amosgyamfi

amosgyamfi/open-swiftui-animations

SwiftUIだけで作られた、ローディング、ループ、トランジション、スプリング、各種エフェクトを網羅する、すぐに使えるアニメーション例集です。

スター
5,688
フォーク
296
未解決の Issue
21
最終コミット
3 か月前

これは何?

Open SwiftUI Animationsは、外部ライブラリではなくSwiftUI標準のアニメーションAPIを使って作られた、iOS、macOS、visionOS、watchOSアプリ向けのアニメーション例集です。ローディングや進捗インジケーター、ループやオン・オフのエフェクト、表示・非表示のトランジション、フェード、回転、背景の動き、スプリングを使った反応などを扱っています。

XcodeプロジェクトとGistでは、iOS 17以降で使えるPhaseAnimator、KeyframeAnimator、シンボルエフェクト、GlassEffectContainerなどの新しいSwiftUIツールの使い方を紹介しています。多くの例は、自分のViewに貼り付けて調整できるほど簡潔です。タイプライター風テキスト、dash-phaseによるボーダーの動き、トリミングしたパスで署名を描くアニメーション、数値テキストのクロスフェードなどがあります。

このリポジトリは依存パッケージではなく、アイデアを得るためのものです。各例は単独で動くSwiftUIコードで、作者によると、一部のアニメーションはAIモデルで生成され、編集せずに公開されています。

主な機能

  • 01サードパーティのアニメーション依存なしで使える、SwiftUIのみのコード
  • 02PhaseAnimator、KeyframeAnimator、シンボルエフェクトの例
  • 03ローディング、ループ、表示・非表示のトランジション、スプリングアニメーション
  • 04タイプライター風テキスト、dash-phaseによるボーダー、パスのトリミングを扱う単独のGist
  • 05iOS、macOS、visionOS、watchOSのプロジェクトに対応

ユースケース

  • 追加パッケージを使わずに、iOSアプリへローディングや進捗インジケーターを追加する
  • PhaseAnimatorやKeyframeAnimatorによるシーケンスの実際の動作を学ぶ
  • スプリングの動きを使ったリアクションボタンや「いいね」ボタンを作る
  • 数値テキストのトランジションや署名アニメーションなど、すぐに使えるエフェクトを探す

クイックスタート

  1. 1

    リポジトリからOpenSwiftUIAnimationsのXcodeプロジェクトを開きます

  2. 2

    アニメーションのサンプルを選び、そのコードをSwiftUIプロジェクトにコピーします

使う前に知っておきたいこと

  • AppleプラットフォームとSwiftのみを対象としており、クロスプラットフォームには対応していません。
  • Phase AnimatorやKeyframe Animatorなど、一部のサンプルにはiOS 17以降が必要です。
  • 含まれているアニメーションの一部は、編集されていないAI生成コードのため、修正が必要な場合があります。

収録されている特集

トピック

#swiftui#ios#animation#swift#visionos#watchos#ui-design#animations#app-animations#dynamic-island

よくある質問

open-swiftui-animations とは?
SwiftUIだけで作られた、ローディング、ループ、トランジション、スプリング、各種エフェクトを網羅する、すぐに使えるアニメーション例集です。 Open SwiftUI Animationsは、外部ライブラリではなくSwiftUI標準のアニメーションAPIを使って作られた、iOS、macOS、visionOS、watchOSアプリ向けのアニメーション例集です。ローディングや進捗インジケーター、ループやオン・オフのエフェクト、表示・非表示のトランジション、フェード、回転、背景の動き、スプリングを使った反応などを扱っています。
open-swiftui-animations は無料で使えますか?ライセンスは?
open-swiftui-animations は Unlicense ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
open-swiftui-animations は今もメンテナンスされていますか?
半年以内に更新あり。open-swiftui-animations の最終コミットは 2026年8月14日 です。
open-swiftui-animations は何に使えますか?
追加パッケージを使わずに、iOSアプリへローディングや進捗インジケーターを追加する PhaseAnimatorやKeyframeAnimatorによるシーケンスの実際の動作を学ぶ スプリングの動きを使ったリアクションボタンや「いいね」ボタンを作る 数値テキストのトランジションや署名アニメーションなど、すぐに使えるエフェクトを探す
open-swiftui-animations のインストール方法は?
リポジトリからOpenSwiftUIAnimationsのXcodeプロジェクトを開きます アニメーションのサンプルを選び、そのコードをSwiftUIプロジェクトにコピーします
open-swiftui-animations はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/amosgyamfi/open-swiftui-animations

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト