open-swiftui-animations icon indicating copy to clipboard operation
open-swiftui-animations copied to clipboard

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/pr...

SwiftUI Animation Gallery

SwiftUI Clone: Duolingo Get Started character animation: Available soon

Duolingo animation

Welcome!!!. SwiftUI Animation Gallery.

Useful and Inspirational SwiftUI Animations for Your Next iOS Project.

I am also building and maintaining these 3 getstream.io repositories:

  • 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?

Buy Me A Coffee

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

Realistic Chain: Swift file

Realistic Chain

Chat Emojis: Swift file

Chat Emojis

Draggable Menu ( Inapired by Hackingwithswift): Swift file

Draggable Menu

SwiftUI: Heart Rate Measuring Animation Gist

Heart Rate Measuring

SwiftUI Marching Ants Effect Gist

SwiftUI Marching Ants Effect

Spring Animation: Transition a menu icon to a close icon Gist

SwiftUI Chat Micro-interactions with Spring Animation

Messages-like Screen Effects SwiftUI Animation Codes

Messages-like Screen Effects

SwiftUI Chat Micro-interactions with Spring Animation Gist

SwiftUI Chat Micro-interactions with Spring Animation

Empty Chat Animation Gist

Empty Chat Animation

SwiftUI Path Trimming Animation for Custom Paths Gist

SwiftUI Path Trimming Animation for Custom Paths

Logo Animation Gist

Logo Animation

Stream Logo Animation Gist

Logo Animation

Group Live Stream Animations Gist

Empty Chat Animation

Syncing Loader

Syncing Loader

Designing Basic, Keyframe & Group Animations Gist

Designing Basic, Keyframe & Group Animations

Crafting Easings for Add Flavor to Motion Gist

Crafting Easings for Add Flavor to Motion

Copying File SwiftUI Animation Gist

Copying File SwiftUI Animation

Emit Fireworks in all directions Gist

SwiftUI Fireworks Animation

iOS Shimmer Animation/Effect

iOS Shimmer Animation/Effect

SwiftUI Fireworks Animation Gist

SwiftUI Fireworks Animation

Weather Notification Animation Gist

Weather Notification Animation

Upload Button Animation Gist

Upload Button Animation

Breathe Animation with Hard Light, Difference and Exclusion blend modes Gist

Breath Animation

SwiftUI Animation: MS Teams-Style Calling Animation Gist

MS Teams-Style Calling Animation

SwiftUI Animation: Incoming Call Gist

SwiftUI Animation: Incoming Call

SwiftUI Twitter Like Animation Gist

Twitter Like Animation

SwiftUI Proceed with TouchID Animation Gist

SwiftUI Proceed with TouchID Animation

Login with FaceID Animation Gist

Login with FaceID Animation

SwiftUI Kayak Animation: https://www.buymeacoffee.com/8rDfFWY/e/6369

Kayak Animation

Animated Illustration Gist

Animated Illustration

** Live Comments Gist**

Live Comments

** How to Offset-Rotate in SwiftUI (like in CSS) Gist**

How to Offset-Rotate

SwiftUI Arc Menu Animation & Interaction Gist

Arc Menu Animation

SwiftUI Arc Menu Animation & Interaction Gist

Arc Menu Animation

SwiftUI Steps Counter Animation Gist

Steps Counting Animation

** Concentric circles into a circular coil spring Gist**

Concentric circles into a circular coil spring

Audio Recording Animation Gist

Audio Recording Animation

Focus Meditation Gist

Focus Meditation

Core Animation Tecniques Gist

Core Animation

3D Motion and Rotation: Gist: Coming soon

Rotate on 3D Circular Path

Rotate on 3D Circular Path: Gist

Rotate on 3D Circular Path

Waveform: Gist

Waveform

Marching Ants Effect

Marching Ants Effect

SwiftUI Facebook Live Comments Animation

SwiftUI Facebook Live Comments Animation

Breathing Animation for Relaxation: Learn

Breathing Animation for Relaxation

360 Background Animation

360 Background Animation

Swinging: Onboarding Animation

Swinging: Onboarding Animation

Dynamic iPhone Lock Screen Animation

Dynamic iPhone Lock Screen Animation

Hue Rotation Animation: Gradient

Hue Rotation: Gradient

Audio/Sound Signals

Audio/Sound Signals

Calling Animation

Calling Animation

Glowing Ring Loader

Glowing Ring Loader

Like Reactions

Like Reactions

Measuring Heartrate

Measuring Heartrate

Beautiful Breath Animation

Breath Animation

Wiggle

Wiggle

iOS 14 3D Parallax Effect

iOS 14 3D Parallax Effect

Springy, Splashy Like Animation

Like Animation

Smooth Transition: Matched Geometry Effect

Matched Geometry

A Summary Notification View into a Detailed View Using Geometry Matching

Notification

Seamless Looping Wavy Circular Loader

Seamless Looping Wavy Circular Loader

Loading...

Loading...

Seamless Looping Wavy Circular Loader Seamless Looping Wavy Circular Loader

Touch ID Animation

Touch Id

Hamburger to Close Animation

Audio Tweet

Breath Animation in the Calm App

Breath Animation in the Calm App

Audio Levels

Audio Levels

iPhone Clock

iPhone Clock

Downloading Progress

SwiftUI Spinners

SwiftUI Spinners

SwiftUI Spinners

Slide to Power Off

Slide to Power Off

Yahoo Weather Sun & Moon

Yahoo Weather Sun & Moon

Microsoft Teams' Calling

Microsoft Teams' Calling

SwiftUI Keyframe Animation: Yahoo Weather Onboarding Animation

Yahoo Weather Onboarding Animation

Yahoo Weather Sun & Wind Animation

Yahoo Weather, Sun & Wind Animation Example

Snoozing and Bell Ringing

Snoozing and Bell Ringing

Animated Wallpaper Using Hue Rotation

Animated Wallpaper

Current Location Animation in Maps

Current Location Animation in Maps

Skype Calling

Skype Calling

The iPhone Camera Timelapse Animation

Animated Wallpaper

" alt=The iPhone Camera Timelapse Animation">

Motion Path Editing and Animation

Unlock & Lock: Using Custom Timing Function

Unlock & Lock: Using Custom Timing Function

Motion Path Editing and Animation

Spring Animation: iOS 13 Silent Mode Off

Spring Animation: iOS 13 Silent Mode Off

Seamlessly Looping Animation

Seamlessly Looping Animation

Sequential Inertial Bounce

Inertial Bounce

Content Loading/ Pull to refresh

Content Loading/ Pull to refresh

Voice Recording/ Ripple Effect
<img src="Map Pin

Voice Recording/ Ripple Effect

Map Pin

Map Pin

Syncing Spinner

Syncing Spinner

HUE Rotation: Photographic Visual Effects

HUE Rotation

Notification: Realistic Bell

Yahoo Weather, Sun & Wind Animation Example

Face-ID Style 3D Rotation

Face-ID Style 3D Rotation

Simple Notification Animation

Simple Notification Animation Rotation

Twitter Like Animation

Yahoo Weather, Sun & Wind Animation Example

SwiftUI Animated Illustration

SwiftUI Animated Illustration

Rotation Along X, Y and Z

rotation xyz

Breath Animation

Breath

Recording

recording

Snowman

circular motion

Packman Loader

packman

Voice Recording

radar