Open SwiftUI Animations
Inspirational iOS/SwiftUI animations for your projects. The new Phase Animation, Keyframe Animation, and Universal Symbol Animation are all in one place.
Swift file
Try the new Keyframe Animation in SwiftUISwift file
SwiftUI Christmas treeSwiftUI Live Streaming Animation: Swift file
Swift file
Push-to-talk: Slide animation using scale, 3D rotation, opacity and hue rotation:Swift file
Slide animation using scale, opacity and hue rotation, offset and spring:Swift file
Slide animation using scale, opacity and offset:Swift file
SwiftUI Clone: Duolingo Get Started character animation:Swift file
Animated SVG Illustration:Swift file
Improved Twitter Like Animation:Swift file (added later)
SwiftUI Emoji Reaction for Live Events:Swift file
Stroke Border Animation Simulation:Swift file
Apple Music Play/Pause Button Clone:Welcome!!!. SwiftUI Animation Gallery.
Useful and Inspirational SwiftUI Animations for Your Next iOS Project.
I am also building and maintaining these 4 getstream.io repositories:
-
Purposeful iOS Animations: https://github.com/GetStream/purposeful-ios-animations
-
Spring Animations Cheatsheet for Developers: https://github.com/GetStream/swiftui-spring-animations
-
Stream iOS Interaction Patterns: https://github.com/GetStream/stream-chat-ios-interaction-patterns
-
Stream SwiftUI Animations: https://github.com/GetStream/stream-swiftui-animations
YouTube Tutorials: https://www.youtube.com/nimbbble
Animation File: Gist(.swift): https://gist.github.com/amosgyamfi
If you find these SwiftUI animations useful, could you consider sponsoring or buy me a coffee to keep the SwiftUI animations coming?
Become a student on UDEMY
Become a student on SKILLSHARE
Kudos
Meet some outstanding people supporting the SwiftUI Library on GitHub, Buy Me a Coffee and PayPal:
- https://twitter.com/migueldeicaza
- https://github.com/Rosin355
- https://github.com/lennet
- https://twitter.com/BigMtnStudio
- Ronnie Pitman
- https://twitter.com/IslamSharabash
Swift file
Realistic Chain:Swift file
Chat Emojis:Swift file
Transition a hamburger menu to a back iconInapired by Hackingwithswift): Swift file
Draggable Menu (Gist
SwiftUI: Heart Rate Measuring AnimationGist
SwiftUI Marching Ants EffectGist
Spring Animation: Transition a menu icon to a close iconSwiftUI Animation Codes
Messages-like Screen EffectsGist
SwiftUI Chat Micro-interactions with Spring AnimationGist
Empty Chat AnimationGist
SwiftUI Path Trimming Animation for Custom PathsGist
Logo AnimationGist
Stream Logo AnimationGist
Group Live Stream AnimationsSyncing Loader
Gist
Designing Basic, Keyframe & Group AnimationsGist
Crafting Easings for Add Flavor to MotionGist
Copying File SwiftUI AnimationGist
Emit Fireworks in all directionsiOS Shimmer Animation/Effect
Gist
SwiftUI Fireworks AnimationGist
Weather Notification AnimationGist
Upload Button AnimationGist
Breathe Animation with Hard Light, Difference and Exclusion blend modesGist
SwiftUI Animation: MS Teams-Style Calling AnimationGist
SwiftUI Animation: Incoming CallGist
SwiftUI Twitter Like AnimationGist
SwiftUI Proceed with TouchID AnimationGist
Login with FaceID Animationhttps://www.buymeacoffee.com/8rDfFWY/e/6369
SwiftUI Kayak Animation:Gist
Animated IllustrationGist**
** Live CommentsGist**
** How to Offset-Rotate in SwiftUI (like in CSS)Gist
SwiftUI Arc Menu Animation & InteractionGist
SwiftUI Arc Menu Animation & InteractionGist
SwiftUI Steps Counter AnimationGist**
** Concentric circles into a circular coil springGist
Audio Recording AnimationGist
Focus MeditationGist
Core Animation TecniquesGist: Coming soon
3D Motion and Rotation:Gist
Rotate on 3D Circular Path:Gist
Waveform:Marching Ants Effect
SwiftUI Facebook Live Comments Animation
Learn
Breathing Animation for Relaxation:360 Background Animation
Swinging: Onboarding Animation
Dynamic iPhone Lock Screen Animation
Hue Rotation Animation: Gradient
Audio/Sound Signals
Calling Animation
Glowing Ring Loader
Measuring Heartrate
Beautiful Breath Animation
iOS 14 3D Parallax Effect
Springy, Splashy Like Animation
Smooth Transition: Matched Geometry Effect
A Summary Notification View into a Detailed View Using Geometry Matching
Seamless Looping Wavy Circular Loader
Loading...
Hamburger to Close Animation
Breath Animation in the Calm App
Audio Levels
Downloading Progress
SwiftUI Spinners
Slide to Power Off
Yahoo Weather Sun & Moon
Microsoft Teams' Calling
SwiftUI Keyframe Animation: Yahoo Weather Onboarding Animation
Animated Wallpaper Using Hue Rotation
Current Location Animation in Maps
Skype Calling
The iPhone Camera Timelapse Animation
Motion Path Editing and Animation
Unlock & Lock: Using Custom Timing Function
Spring Animation: iOS 13 Silent Mode Off
Seamlessly Looping Animation
Sequential Inertial Bounce
Content Loading/ Pull to refresh
Voice Recording/ Ripple Effect