SwiftUI iOS Animations: Transform Code into Motion

Name: SwiftUI iOS Animations: Transform Code into Motion
Rating: 4.5 (8 reviews)

SwiftUI Basic and Custom Animations, Phase and KeyFrame animations, Transitions, Metal, Spritekit Emitters and more

Created byDr. Ron Erez

Last updated 3/2026

English

What you'll learn

Learn how to create smooth, dynamic animations using implicit and explicit animations for seamless user interactions.
Explore advanced animation effects like transitions, keyframe animations, and interactive gestures to enhance app experiences.
Understand and apply powerful SwiftUI animation modifiers, including .animation(), .transition(), and .matchedGeometryEffect().
Explore phase animations, keyframe animations, and interactive gestures to design captivating and engaging app experiences.
Harness the power of Metal in combination with SwiftUI’s visualEffect modifier to create next-level animations and effects.

Course content

18 sections • 99 lectures • 12h 16m total length

Introduction1:33
Getting Started2:19
Start a multi-platform SwiftUI iOS 18 animations project, set up folders for topics like face animators, keyframe animations, metal shader animations, charts framework animations, and explore animation basics and completions.

Animations using withAnimation and the Animation Modifier8:56
Animate Everything - Setting up the View10:30
Animating Everything - Adding the Animations4:51
Overview of Animation Types11:53
More Default Animations5:25
Cubic Bezier Animations using Timing Curves10:19
Custom Ease Animations8:51
Spring and Interpolating Spring Animations4:12
Explore spring animations and interpolating spring animations by adjusting response, damping fraction, blend duration, and initial velocity with sliders to shape motion.
ConcentricCirclesEffectView13:27
AnimatedBackgroundView4:36
Rotating Flower - Gradient Circle View4:30
Rotating Flower - Circle Pair4:23
Rotating Flower View12:58
Next Song Exercise0:24
Next Song Solution6:41

Introduction to the Splash Screen Challenge1:13
Learn to build a splash screen animation with animation completions in SwiftUI iOS 18, experiment with rotating squares and text, and compare solutions to learn powerful techniques.
Setting up the Project and View Parameters5:17
The Logo6:10
Learn to build a SwiftUI logo by composing a left rectangle and two small squares in a vertical stack, using a dynamic foreground color and a gradient background.
The Text8:55
Creating the Animations5:46
Animate a SwiftUI logo with rotation to 135 degrees and 2x scale via onAppear and withAnimation, revert to original, then reveal text and toggle clip width and background phase one.
Tweaking the Animations1:43
Customizing the Colors7:31

Pacman View10:44
Winter Stars - The Glow and Setting up the Background12:29
Winter Stars - Setting the Star y-Offset11:03
Learn to spawn twinkle stars in SwiftUI iOS 18 animations, assign lifespans, and update their vertical offset using GeometryReader and animated transitions for a smooth fall and fade.
Winter Stars - Rotate and Spawn Stars14:25
Winter Stars - Removing Stars10:26
Winter Stars - Creating the Star Shape12:54
Create a star shape in SwiftUI using a path with points and thickness, centered on a radius, and draw via sine and cosine to alternate outer and inner radii.
Let's Create a Speech Bubble!0:43
Implementing the Speech Bubble16:18
Create a speech bubble shape in SwiftUI iOS 18 by building a path with a tail and rounded corners, apply stroke, fill, and overlays to display multi-line text that appears.

Requirements

A basic understanding of Swift programming and familiarity with SwiftUI.

Description

In this course, you’ll take your SwiftUI animations to the next level by learning:

Animation Basics: Explore the default animations in SwiftUI and how to group them seamlessly.
Core Fundamentals: Master transitions, timing curves, and effects that bring your designs to life.
Custom Animations: Create reusable ease animations using cubic Bézier curves.
Advanced Techniques: Dive into complex animations with animation completions, phase animators, and keyframe-based animation.
Path Animations: Use SVG files, trims, and the Animatable protocol to create smooth and dynamic path animations.
Stunning Visual Effects: Implement zoom transitions and other mesmerizing effects.
Mesh gradients: Create animated mesh gradients.
Metal Integration: Learn how to leverage Metal for high-performance, smooth-rendering animations.
SpriteKit Particle Emitters: Design jaw-dropping animations using SpriteKit particle emitters.

By mastering these topics, you’ll gain the skills to create animations that elevate your iOS apps and deliver an unforgettable user experience.

Course Highlights

This course is designed for students with some prior knowledge of Swift and SwiftUI, making it an intermediate-level course. It’s perfect for iOS developers looking to add a professional touch to their apps with dynamic and interactive animations.

In addition, we’ve created a Discord group where you can connect with fellow students, share your work, and get inspired by each other’s creativity. There’s also a Q&A section within the course to address any questions or challenges you encounter along the way.

We encourage you to showcase your animations and provide feedback to others—collaboration makes learning even more enjoyable! Plus, this course will be regularly updated to include the latest SwiftUI features and animation techniques, ensuring you always stay ahead.

Wishing you a fantastic day and happy coding! I can’t wait to see the amazing animations you’ll create.

—Ron

Who this course is for:

Aspiring iOS developers who want to create apps with smooth, interactive animations.
UI/UX designers seeking to translate their creative designs into functional and animated SwiftUI components.
Intermediate SwiftUI users eager to explore advanced concepts like phase animations, keyframes, and Metal-powered effects.
Tech enthusiasts with a passion for animation and motion design in mobile applications.

SwiftUI iOS Animations: Transform Code into Motion

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 4min

Basics15 lectures • 1hr 52min

Person Picker Exercise4 lectures • 21min

An Excursion into SVG Files and Animations2 lectures • 19min

Rotating Purple Triangles Challenge5 lectures • 35min

Mesh Gradient Dynamics and Texture Blending2 lectures • 17min

Completion Callback Animations4 lectures • 32min

Splash Screen Animation Completion Challenge7 lectures • 37min

Paths and Animations8 lectures • 1hr 29min

Exploring Transitions in SwiftUI with AnyTransition2 lectures • 25min

Requirements

Description

Who this course is for: