DEV Community

Cover image for Making Dating App Animation in SwiftUI [Video]
Yossa Bourne
Yossa Bourne

Posted on • Edited on

2 1 1 1 1

Making Dating App Animation in SwiftUI [Video]

In this video, I’ll show you how to make dating app animation in SwiftUI.

  • The first part is recreating a swiping card animations like in popular dating apps such as Tinder and Bumble. In this part, you’ll learn how to use drag gesture with @GestureState to move multiple views at once to create subtle animations.
  • The second part, I’ll make a view showing people liking each other. I’ll walk you through the process on how I create complex animations. Furthermore, I’ll create a particle effect using a powerful SwiftUI library called Vortex, created by Paul Hudson from Hacking with Swift.
  • Finally, I’ll combine those views together with SwiftUI navigation.

What you’ll learn:

  • How to use DragGesture and @GestureState to perform subtle animations
  • SwiftUI translation and transformation view modifiers
  • A process to create complex animations
  • Installing package using Swift Package Manager
  • How to use Vortex to create beautiful particle effects

Please subscribe me and my channel - AppDuck for more videos! There are other videos I've made about cool animations in SwiftUI. I also upload Swift and SwiftUI knowledge videos weekly!

Sentry mobile image

App store rankings love fast apps - mobile vitals can help you get there

Slow startup times, UI hangs, and frozen frames frustrate users—but they’re also fixable. Mobile Vitals help you measure and understand these performance issues so you can optimize your app’s speed and responsiveness. Learn how to use them to reduce friction and improve user experience.

Read full post →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay