# open-swiftui-animations

**Repository Path**: wfrobin/open-swiftui-animations

## Basic Information

- **Project Name**: open-swiftui-animations
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-24
- **Last Updated**: 2024-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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)
---