Open SwiftUI Animations
Pure SwiftUI animation inspirations for your next iOS, macOS, visionOS, and watchOS projects. Enjoy 😊.
SwiftUI animation is compelling and superb. With minimal effort, you can add incredible effects and beautiful animations to your apps. Why use an animation library instead of creating these tiny effects yourself? Get inspiration from here and start building your SwiftUI animations today. Most animations here are based on the animations section in the Apple Developer Documentation. Check out the Xcode project for examples of the new Phase Animator, Symbol Effects, Keyframe Animator, and Spring Animations for iOS 17 and beyond. Do you want to see an animation that is not here, or did you find an engaging one to add? Contact me on X: @amos_gyamfi or add it as a task in the project's backlog.
SwiftUI Moving Border With dashPhase
![Hue rotation](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/SwiftUIMovingBorder.gif)
Getting Inner and Outer Borders
![Hue rotation](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/innerOuterBorder.gif)
Hue Rotation effect with Phase Animator
![Hue rotation](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/wwdc24Invite.gif)
Hello WWDC24
![WWDC24](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/wwdc24.gif)
Duolingo getting started and loading animations
![Duolingo Animations](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/duoAnimated.gif)
How Things Move: Constant speed, acceleration, deceleration
![How Things Move](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/linearEasedAnimations.gif)
Vision Pro 3D rotation
![Vision Pro 3D rotation](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/3dObjectsInvisionOS.gif)
3D Rotate String Characters
![3D Rotate String Characters](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/characterFlip.gif)
Flip String Characters in XYZ
![Flip String Characters in XYZ](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/flipCharactersXYZ.gif)
Use DashPhase to move dashes around a shape.
![Animate dashphase](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/dashPhase.gif)
Animated Signature: Use trimming to draw and and erase path.
![Animated Signature](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/SignatureAnimation.gif)
Content Transition: Smooth Symbols Swapping: [Add soon]()
![Content Transition:](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/contentTransition.gif)
**Content Transition, Phase Animator with Springs: Create seamless icon replacement: [Add soon]()
![Content Transition, Phase Animator](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/contentTransitionWithPhaseAnimator.gif)
Animating Achors: [Add soon]()
![AnchorMovement.swift](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/anchorMovement.gif)
Achieving Bounce: [Add soon]()
![BouncyAlternative.swift](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/bouncyAlternative.gif)
3D Y-Rotation - visionOS: [Add soon]()
![AirPodsMaxAnimation.swift](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/AirPodsMaxAnimation.gif)
Incoming call animation, symbol effect with variable color and hue rotation: IncomingCall.swift
![AirPodsMaxAnimation.swift](https://github.com/amosgyamfi/open-swiftui-animations/raw/master/GIF_Previews/incomingCallAnimation.gif)