SwiftUI Complex Animations - Lume GPT Weather UI - Matched Geometry Effect | iOS 18

Let’s do the first animation challenge inspired by Lume GPT Weather iOS app! In this video, I’ll walk you through creating complex animations and interfaces in SwiftUI using various techniques such as matched geometry effect, delay-based list animations, adjusting view’s darkness, and more!

What you’ll learn:
- Synchronizing animations using .matchedGeometryEffect
- Delay-based animations
- Sizing layout based on container using .containerRelativeFrame
- Complex animations
- Adjusting view’s brightness / darkness

Chapters:
- 00:00 Introduction
- 01:00 City Selection UI
- 03:35 Bars UI
- 06:10 Bars Entrance Animation
- 06:35 Sharing States
- 09:28 Wave Animations
- 11:10 Adjusting Brightness

Final Project:
➡ https://github.com/appbeyond-io/LumeGPTRecreate-iOS

References:
➡ https://60fps.design/apps/lume

🔔 Subscribe this channel for more videos:
➡ https://www.youtube.com/@appbeyond

🚀 Follow us on social:
➡ X / Twitter (Yossa Bourne): https://x.com/yossabourne
➡ X / Twitter (AppBeyond): http://twitter.com/@appbeyondio
➡ LinkedIn: https://www.linkedin.com/in/yossa-bourne-765865125/
➡ Dev.to: https://dev.to/yossabourne

Видео SwiftUI Complex Animations - Lume GPT Weather UI - Matched Geometry Effect | iOS 18 канала AppBeyond