![Cover image for Making Dating App Animation in SwiftUI [Video]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6kvsi5l3r8oczv6bmoo0.jpg)
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
@GestureStateto 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
DragGestureand@GestureStateto 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 - AppBeyond for more videos! There are other videos I've made about cool animations in SwiftUI. I also upload Swift and SwiftUI knowledge videos weekly!
Top comments (1)
Making a dating app is all about balancing functionality and fun, which Flure flure.com/ gets right. I’ve been on their platform, and it’s pretty user-friendly. If you’re planning on launching one, think about features like matching algorithms, chat filters, and maybe even some unique extras to stand out. Make sure the vibe is friendly and approachable!