DEV Community

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

Posted on • Edited on

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 - 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!

Playwright CLI Flags Tutorial

5 Playwright CLI Flags That Will Transform Your Testing Workflow

  • 0:56 --last-failed: Zero in on just the tests that failed in your previous run
  • 2:34 --only-changed: Test only the spec files you've modified in git
  • 4:27 --repeat-each: Run tests multiple times to catch flaky behavior before it reaches production
  • 5:15 --forbid-only: Prevent accidental test.only commits from breaking your CI pipeline
  • 5:51 --ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Learn how these powerful command-line options can save you time, strengthen your test suite, and streamline your Playwright testing experience. Click on any timestamp above to jump directly to that section in the tutorial!

Watch Full Video 📹️

Top comments (1)

Collapse
 
arthur_davido_b95160df95b profile image
Arthur Davido

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!

Playwright CLI Flags Tutorial

5 Playwright CLI Flags That Will Transform Your Testing Workflow

  • 0:56 --last-failed: Zero in on just the tests that failed in your previous run
  • 2:34 --only-changed: Test only the spec files you've modified in git
  • 4:27 --repeat-each: Run tests multiple times to catch flaky behavior before it reaches production
  • 5:15 --forbid-only: Prevent accidental test.only commits from breaking your CI pipeline
  • 5:51 --ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Learn how these powerful command-line options can save you time, strengthen your test suite, and streamline your Playwright testing experience. Click on any timestamp above to jump directly to that section in the tutorial!

Watch Full Video 📹️

👋 Kindness is contagious

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

Okay