Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amosgyamfi/open-swiftui-animations

You don't need an animation library to add a simple effect to your SwiftUI app. Create it yourself with SwiftUI. This repo inspires you to add helpful and expressive SwiftUI animations like loading/progress, looping, on-off, enter, exit, fade, spin, and background animations to your next project. The repo also contains tremendous spring animations.
https://github.com/amosgyamfi/open-swiftui-animations

animations app-animations dynamic-island dynamic-island-animation ios ios-animations ios-design-patterns iosanimation swift swift5 swiftui swiftui-animations transition-animation transitions uianimations watchos xcode

Last synced: 7 days ago
JSON representation

You don't need an animation library to add a simple effect to your SwiftUI app. Create it yourself with SwiftUI. This repo inspires you to add helpful and expressive SwiftUI animations like loading/progress, looping, on-off, enter, exit, fade, spin, and background animations to your next project. The repo also contains tremendous spring animations.

Awesome Lists containing this project

README 

        
## Open SwiftUI Animations

### Pure SwiftUI animation inspirations for your next iOS, macOS, visionOS, and watchOS projects. Enjoy 😊. 



### Animate Anything With SwiftUI

![SwiftUI animations preview](GIF_Previews/jiggleAndJelloGithub.gif)



SwiftUI animation is compelling and superb. You can add incredible effects and beautiful animations to your apps with minimal effort. **Why use an animation library instead of creating these tiny effects yourself?** Get inspiration from [here](OpenSwiftUIAnimations) and start building your SwiftUI animations today. Most animations here are based on the animations section in the [Apple Developer Documentation](https://developer.apple.com/documentation/swiftui/animations). Check out the [Xcode project](OpenSwiftUIAnimations) for examples of the new [Phase Animator](https://developer.apple.com/documentation/swiftui/phaseanimator), Symbol Effects, [Keyframe Animator](https://developer.apple.com/documentation/swiftui/keyframeanimator), and [Spring Animations](https://developer.apple.com/documentation/swiftui/spring) 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](https://twitter.com/amos_gyamfi) or add it as a task in the [project's backlog](https://github.com/users/amosgyamfi/projects/1/views/1).



### Thinking, Weighing Options, Evaluating Sentence 

![](GIF_Previews/thinkingWeighingEvaluating.gif)

---



### SwiftUI Moving Border With dashPhase 

![Hue rotation](GIF_Previews/SwiftUIMovingBorder.gif)

---



### Getting Inner and Outer Borders 

![Inner and Outer Borders](GIF_Previews/innerOuterBorder.gif)

---



### [PulsingHearts.swift](https://github.com/amosgyamfi/open-swiftui-animations/blob/master/OpenSwiftUIAnimations/FitnessActivityAnimations/PulsingHearts.swift)  

![Pulsating Hearts](GIF_Previews/pulsatingHeart.gif)

---



### [SlideToUnlock.swift](https://github.com/amosgyamfi/open-swiftui-animations/blob/master/OpenSwiftUIAnimations/SlideToCancelAnimations/SlideToCancelWithScale.swift): Find [All Variations](https://github.com/amosgyamfi/open-swiftui-animations/tree/master/OpenSwiftUIAnimations/SlideToCancelAnimations) 

![Slide to unlock](GIF_Previews/slideToUnlock.gif)

---



### [CrossFadeNumericTransition.swift](https://github.com/amosgyamfi/open-swiftui-animations/blob/master/OpenSwiftUIAnimations/HumanInitiatedAnimations/IncreaseDecrease.swift) 

![Numeric transition](GIF_Previews/numericTransitionCrossfade.gif)

---



### Hue Rotation effect with Phase Animator 

![Hue rotation](GIF_Previews/wwdc24Invite.gif)

---



### Hello WWDC24 

![WWDC24](GIF_Previews/wwdc24.gif)

---



### Duolingo getting started and loading animations

![Duolingo Animations](GIF_Previews/duoAnimated.gif)

---



### How Things Move: Constant speed, acceleration, deceleration

![How Things Move](GIF_Previews/linearEasedAnimations.gif)

---



### Vision Pro 3D rotation 

![Vision Pro 3D rotation](GIF_Previews/3dObjectsInvisionOS.gif)

---



### 3D Rotate String Characters 

![3D Rotate String Characters ](GIF_Previews/characterFlip.gif)

---



### Flip String Characters in XYZ

![Flip String Characters in XYZ](GIF_Previews/flipCharactersXYZ.gif)

---



### Use DashPhase to move dashes around a shape. 

![Animate dashphase](GIF_Previews/dashPhase.gif)

---



### Animated Signature: Use trimming to draw and erase the path. 

![Animated Signature](GIF_Previews/SignatureAnimation.gif)

---



**Reactions with Springs**: [EmotionalReactions.swift](OpenSwiftUIAnimations/Reactions/MessengerReactions/EmotionalReactions.swift)

![EmotionalReactions.swift](GIF_Previews/emotionalReactions.gif)

---



**SwiftUI 2024 Christmas Tree**: [SwiftUI Christmas Tree](OpenSwiftUIAnimations/ChristmasTree)

![SwiftUI Christmas Tree](GIF_Previews/SwiftUIChristmasTree.gif)

---



**Expressive Reactions**: [IncomingMessageView.swift](OpenSwiftUIAnimations/Reactions/MessengerReactions/IncomingMessageView.swift)

![Expressive Reactions](GIF_Previews/ExpressiveReactions.gif)

---



**Content Transition: Smooth Symbols Swapping**: [Add soon]()

![Content Transition:](GIF_Previews/contentTransition.gif)

---



**Content Transition, Phase Animator with Springs: Create seamless icon replacement: [Add soon]()

![Content Transition, Phase Animator](GIF_Previews/contentTransitionWithPhaseAnimator.gif)

---



**X Like Animation**: [XLike Animation](OpenSwiftUIAnimations/Reactions/XLike)

![XLike](GIF_Previews/Xlike.gif)

---



**Animating Achors**: [Add soon]()

![AnchorMovement.swift](GIF_Previews/anchorMovement.gif)

---



**Achieving Bounce**: [Add soon]()

![BouncyAlternative.swift](GIF_Previews/bouncyAlternative.gif)

---



**3D Y-Rotation - visionOS**: [Add soon]()

![AirPodsMaxAnimation.swift](GIF_Previews/AirPodsMaxAnimation.gif)

---



**Incoming call animation, symbol effect with variable color and hue rotation**: [IncomingCall.swift](https://gist.github.com/amosgyamfi/26ba8cbecac18202c6f2065836297766#file-incomingcall-swift)

![AirPodsMaxAnimation.swift](GIF_Previews/incomingCallAnimation.gif)

---