• Stars
    star
    3,353
  • Rank 12,808 (Top 0.3 %)
  • Language
    Swift
  • License
    The Unlicense
  • Created almost 5 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Useful SwiftUI animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animations that you can directly implement in your next iOS application or project. The library also contains huge examples of spring animations such as Inertial Bounce, Shake, Twirl, Jelly, Jiggle, Rubber Band, Kitchen Sink and Wobble effects. Browse, find and download the animation that fits your needs.

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.

Try the new Keyframe Animation in SwiftUI Swift file

Try the new Keyframe Animation in SwiftUI

SwiftUI Christmas tree Swift file

SwiftUI Christmas tree

SwiftUI Live Streaming Animation: Swift file SwiftUI Live Streaming Animation

Push-to-talk: Slide animation using scale, 3D rotation, opacity and hue rotation: Swift file Slide animation using scale, 3D rotation, opacity and hue rotation

Slide animation using scale, opacity and hue rotation, offset and spring: Swift file Slide animation using scale, opacity and hue rotation, offset and spring

Slide animation using scale, opacity and offset: Swift file Slide animation using scale

SwiftUI Clone: Duolingo Get Started character animation: Swift file

Duolingo animation

Animated SVG Illustration: Swift file

Animated SVG Illustration

Improved Twitter Like Animation: Swift file

Twitter Like

SwiftUI Emoji Reaction for Live Events: Swift file (added later)

SwiftUI Emoji Reaction for Live Events

Stroke Border Animation Simulation: Swift file

Twitter Like

Apple Music Play/Pause Button Clone: 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:


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:

Realistic Chain: Swift file

Realistic Chain

Chat Emojis: Swift file

Chat Emojis

Transition a hamburger menu to a back icon Swift file

 Transition a hamburger menu to a back icon

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

Measuring Heartrate

Measuring Heartrate

Beautiful Breath Animation

Breath Animation

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

Animated illustration 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

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

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

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

Simple Notification Animation Simple Notification Animation Rotation

SwiftUI Animated Illustration SwiftUI Animated Illustration

Rotation Along X, Y and Z rotation xyz

Recording recording

Snowman circular motion

Packman Loader packman

Voice Recording radar

More Repositories

1

OpenvisionOS

Beautiful visionOS UI designs based on the Apple Human Interface Guidelines and animation cheat sheet and inspirations for your next projects
Swift
153
star
2

open-swiftui-designs

SwiftUI clones of iOS 16 and first-class citizen Apple apps' screens. All in one place. The purpose of this repo is to help you master SwiftUI design, layout, and composition. Each screen is in the Xcode project. So, feel free to use the code for your projects. What you see on each screen is what you get from the Swift/SwiftUI files in the Xcode project.
Swift
42
star
3

open-3d-models

Ready-to-use 3D models for your iOS and visionOS projects
41
star
4

swiftui-fluent-in-motion

Just animated emojis built with SwiftUI, using Fluent emojis from Microsoft. As fancy and joyful as Telegram emojis
17
star
5

nimbbble

This repository consists of source files for my Core Animation & Kite Compositor YouTube video tutorials. There are Sketch and Kite Compositor Files as well as other GIF previews to make it easier for users to follow along my video tutorials.
JavaScript
9
star
6

Core-Animation

This is my repository for learning Kite Compositor. It consists of examples (animations and prototypes) and working files which helps one to understand how the prototype or animation is built.
JavaScript
6
star
7

swiftui-interaction-techniques

A set of iOS interactions techniques ( low-level interactions) and transition patterns for your next iOS project. An example interaction technique can be swiping to delete an object. Transition patterns could be page-to-page transitions or layer-to-layer transitions.
5
star
8

dynamic-isle

SwiftUI animations cloned from the Apple website
4
star
9

Twitter-Chat-UI-Clone

This consists of SwiftUI designs of the Twitter chat messages list, conversations screen with various chat messaging elements designed as SwiftUI components. It also has interaction styles for some chat elements.
Swift
4
star
10

VirtualEventSwiftUIKit

This Virtual Event SwiftUI Kit consists of iOS layout, composition and animations of the Figma's Virtual Event Design Kit: https://www.figma.com/community/file/1054012329432411748
Swift
1
star