Building Netflix UI Animations: Path based Shared Transition | Part - 2 | SwiftUI

preview_player
Показать описание
Hello Guys 🖐🖐🖐
In this video, I'll teach you how to use SwiftUI to recreate the Netflix's Intro Profile Shared Transition Animation | SwiftUI Curved Path Shared Transition | SwiftUI Path driven Hero Effect | SwiftUI Curved Path Hero Effect | SwiftUI Netflix UI | Xcode 15 | iOS 17 | Swift | SwiftUI Xcode 15 | SwiftUI for iOS 17 | Xcode 15 SwiftUI.
#apple #swiftui #ios #xcode #animation #ui #design #animation

► Support Us

► My Specs
Xcode Version: 15.3
macOS Version: 14.4.1 Sonoma

► Social Platforms

► Timestamps
0:00 Intro
0:34 Project Setup
1:36 Building Splash Screen
5:24 Building Custom Tab Bar

Thanks for watching
Make sure to like and Subscribe For More Content !!!
  1. Kavsoft
  2. SwiftUI
  3. SwiftUI 5.0
  4. Xcode 15
  5. ui
  6. apple
Рекомендации по теме
Building Netflix UI 0:20:52

Building Netflix UI Animations: Path based Shared Transition | Part - 2 | SwiftUI

Coding for 1 0:00:24

Coding for 1 Month Versus 1 Year #shorts #coding

Mr. Robot Sucks 0:00:55

Mr. Robot Sucks

NEVER buy from 0:00:46

NEVER buy from the Dark Web.. #shorts

Best Programming Languages 0:00:16

Best Programming Languages #programming #coding #javascript

iOS Development Course 5:12:26

iOS Development Course - Use Swift 5 and UIKit to Build a Netflix Clone

How much a 0:00:47

How much a UX Designer makes

Nintendo Switch Cake 0:00:15

Nintendo Switch Cake or Fake Challenge

IQ TEST 0:00:29

IQ TEST

what it’s like 0:00:25

what it’s like to work at GOOGLE…

FFmpeg in 100 0:02:20

FFmpeg in 100 Seconds

1.20 Trailer vs 0:02:56

1.20 Trailer vs Reality

OLD VS NEW 0:00:20

OLD VS NEW - MELISSA #mlbb #anime #animeedit #mobilelegends

The SCARIEST Nintendo 0:00:49

The SCARIEST Nintendo Switch errors...

Developer Last Expression 0:00:28

Developer Last Expression 😂 #shorts #developer #ytshorts #uiux #python #flutterdevelopment

Monkey D Luffy 0:01:31

Monkey D Luffy Live Action - Japan 🇯🇵 Vs India 🇮🇳 Vs Brazil 🇧🇷 | One Piece | Anime Live Action...

Gomu Gomu No 0:00:35

Gomu Gomu No Pistol!

This video makes 0:00:11

This video makes you feel trypophobia 🐝😩 #sfx #sfx_makeup #youtubeshorts #makeup #shorts

Building The Netflix 1:35:20

Building The Netflix App UI in 45 minutes | Abhinandan Panigrahi | Edyst

Apple always leaves 0:00:10

Apple always leaves their products so close to the edge #shorts #appleevent

Asmon Reacts to 0:00:44

Asmon Reacts to Skyrim ULTRA MODDED

What happened when 0:00:11

What happened when I fall #surf #surfing #athlete #waves #surfers #skate #wsl #fit

Building the Netflix 0:56:14

Building the Netflix UI with Ionic

AKIRA TORIYAMA VS 0:00:46

AKIRA TORIYAMA VS TOYOTARO #dragonball #dragonballz #dragonballsuper #shorts

Комментарии
Автор

Following along with the video, I achieved amazing results and have already subscribed to Patreon Support Pro Max.

不舍昼夜
Автор

So good! Love your videos.

I'd love if you could slow down tutorials and narrate them, but I understand that would be a more work.

alexsafayan
Автор

This issue is a little hard to digest, but it’s cool😀

yq_dev
Автор

hello @Kavsoft
please make a project for keyboard handling
like at signup screen
multiple textfields like full name, email, password
when we select a textfield, if the texfield is going behind the keyboard, then it should shift on top of keyboard. please
Sample Like IQKeyboard manager works in UIKit❤

Sajal
Автор

Hi Kavsoft! Love your videos ❤I was wondering if you will make a video on the animation for when a user clicks on a movie and it opens up the details view? The snapchat shared transition video is close but when you have a view with text inside, the text doesn't scale properly and instead the layout shifts - Netflix seem to do something to avoid that happening.

missphyr
Автор

.matchedGeometryEffect(id: "", in: namespace) ?

vthe