SwiftUI Animations Workshop - SwiftUI Field Guide

SwiftUI animations, understood.

A one-day workshop for your team. Build an intuition for how SwiftUI animates, and learn to bring your interfaces to life.

Enquire Now

Understanding Animations

Animations connect the different states of your interface. Understanding how they work makes it easier to build interactions that feel natural and to figure out why an animation behaves unexpectedly.

We work through a series of focused exercises, each exploring a different part of SwiftUI's animation system. Examples range from animated buttons and counters to progress indicators, selection controls, and gesture-driven interactions.

This workshop is for developers who are already comfortable with SwiftUI views, state, and basic layout. For a broader foundation, take a look at our two-day SwiftUI workshop.

1 intensive day of learning

Explanations, exercises, and discussion.

Up to 16 participants

In person or via Zoom.

Hands-on exercises

Guided by our custom Mac app.

Animations Field Guide

Interactive explanations to revisit.

Course Structure

The workshop is organized into separate exercises, each with its own starting project and interactive example in our workshop app. We combine explanations, coding, and group discussions, adapting the pace to your team.

Basic Animations

Build a reusable heart button with an animated stroke. Explore animation curves, where to attach an animation, and how to override it from outside a component.

Basic Transitions

Build an animated counter and understand how inserting and removing views differs from animating their properties. Combine transitions and use identity to control them.

Phase Animations

Build a heart button that moves through a sequence of phases, combining scale, rotation, and offset. Learn how to trigger the sequence in response to an interaction.

Keyframe Animations

Animate a heart shape's stroke and fill on separate tracks. Control their timing and use a keyframe timeline to scrub through the animation and understand each step.

Animatable Protocol

Build a progress indicator with an animating number and a circular progress view. Use the Animatable protocol to understand how SwiftUI interpolates custom values.

Matched Geometry Effect

Build a date-range picker whose selection highlight moves and resizes to match the selected item. Explore how matched geometry effects connect the position and size of views.

Interruptible Animations

Build a picture-in-picture view that moves between corners, then add a drag gesture. Explore interruptions and use the gesture's velocity to determine where the view comes to rest.

Staggered Animations

Make the items in a grid appear one after another, then turn the animation into a reusable component for other view lists.

Your workshop companion

The Animations Field Guide

The workshop is accompanied by our Animations Field Guide. Its interactive examples let you explore animation curves, transitions, phases, keyframes, and more, at your own pace.

We use the guide alongside the exercises, and you can return to it after the workshop to experiment and refresh your understanding.

Explore the Animations Field Guide