Skip to content

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.

Notifications You must be signed in to change notification settings

amosgyamfi/open-swiftui-animations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Open SwiftUI Animations

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

Animate Anything With SwiftUI

SwiftUI animations preview

SwiftUI animation is compelling and superb. With minimal effort, you can add incredible effects and beautiful animations to your apps. Why use an animation library instead of creating these tiny effects yourself? Get inspiration from here and start building your SwiftUI animations today. Most animations here are based on the animations section in the Apple Developer Documentation. Check out the Xcode project for examples of the new Phase Animator, Symbol Effects, Keyframe Animator, and Spring Animations 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 or add it as a task in the project's backlog.

Thinking, Weighing Options, Evaluating Sentence

SwiftUI Moving Border With dashPhase

Hue rotation

Getting Inner and Outer Borders

Hue rotation

Hue Rotation effect with Phase Animator

Hue rotation

Hello WWDC24

WWDC24

Duolingo getting started and loading animations

Duolingo Animations

How Things Move: Constant speed, acceleration, deceleration

How Things Move

Vision Pro 3D rotation

Vision Pro 3D rotation

3D Rotate String Characters

3D Rotate String Characters

Flip String Characters in XYZ

Flip String Characters in XYZ

Use DashPhase to move dashes around a shape.

Animate dashphase

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

Animated Signature

Reactions with Springs: EmotionalReactions.swift EmotionalReactions.swift

SwiftUI 2024 Christmas Tree: SwiftUI Christmas Tree SwiftUI Christmas Tree

Expressive Reactions: IncomingMessageView.swift Expressive Reactions

Content Transition: Smooth Symbols Swapping: Add soon Content Transition:

**Content Transition, Phase Animator with Springs: Create seamless icon replacement: Add soon Content Transition, Phase Animator

X Like Animation: XLike Animation XLike

Animating Achors: Add soon AnchorMovement.swift

Achieving Bounce: Add soon BouncyAlternative.swift

3D Y-Rotation - visionOS: Add soon AirPodsMaxAnimation.swift

Incoming call animation, symbol effect with variable color and hue rotation: IncomingCall.swift AirPodsMaxAnimation.swift

About

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.

Topics

Resources

Stars

Watchers

Forks

Languages