Open SwiftUI Animations
  • June 23, 2025

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

Animate Anything With SwiftUISwiftUI 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. Would you like 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.

Starting in 2025, I will generate some of the SwiftUI animations using SOTA models like Gemini 2.5 Pro, Claude 3.7 Sonnet, OpenAI o3, and o4-mini models.


WWDC25 Animation: Gist. Note: The animations are unedited. Modify and use them to suit your needs.

Gemini 2.5 Pro + OpenAI o3 SwiftUI-generated animations: Gist. Note: The animations are unedited. Modify and use them to suit your needs.

SwiftUI Fireworks Animation: Gist – Before running the code, ensure you have a small image like “Spark.png” in your assets catalog.

Thinking, Weighing Options, Evaluating Sentence

SwiftUI Moving Border With dashPhase

Getting Inner and Outer Borders

PulsingHearts.swift

SlideToUnlock.swift: Find All Variations

CrossFadeNumericTransition.swift

Hue Rotation effect with Phase Animator

Hello WWDC24

Duolingo getting started and loading animations

How Things Move: Constant speed, acceleration, deceleration

Vision Pro 3D rotation

3D Rotate String Characters

Flip String Characters in XYZ

Use DashPhase to move dashes around a shape.

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

Reactions with Springs: EmotionalReactions.swift

SwiftUI 2024 Christmas Tree: SwiftUI Christmas Tree

Expressive Reactions: IncomingMessageView.swift

Content Transition: Smooth Symbols Swapping: Add soon

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

X Like AnimationXLike Animation


Animating Achors: Add soon

Achieving BounceAdd soon

3D Y-Rotation – visionOS: Add soon

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

GitHub


View Github

#ios #swift #watchos #xcode
YOU MIGHT ALSO LIKE...
PermissionsSwiftUI: A SwiftUI package to handle permissions

PermissionsSwiftUI displays and handles permissions in SwiftUI. It is largely inspired by SPPermissions. The UI is highly customizable and resembles an Apple style. ...

Pager tab strip view

Introduction PagerTabStripView is the first pager view built in pure SwiftUI. It provides a component to create interactive pager views ...

PageView

SwiftUI view enabling page-based navigation, imitating the behaviour of UIPageViewController in iOS.

Pages

    

How to take action when a property changes

1. Taking Action When a Property Changes: Property Observers Swift lets you observe and respond to changes in a property’s ...