Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Let’s recreate Apple Books Scroll Animation using SwiftUI, for more 👇

_Kavsoft's profile picture

Kavsoft

26,434 subscribers

43,556 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

8 Kommentare

Profilbild von xezrunner
xezrunnervor 1 Jahr

I wonder if it would look better if these top corners would align to the device as it transitions. But, of course, Apple doesn't make this easy, as I believe the device corner APIs are still private.

Profilbild von CASETiFY
CASETiFYvor 1 Jahr

Make your #AppleWatch more you with our range of prints and protection levels to choose from. Get yours today! #CASETiFY

Profilbild von Anthony Mittaz
Anthony Mittazvor 1 Jahr

@mironcatalin this would be a nice animation to work on :-)

Profilbild von Karthik Balasubramanian
Karthik Balasubramanianvor 1 Jahr

@reactiive_ 👀👀

Profilbild von Kites Design
Kites Designvor 1 Jahr

It’s developed by Swift?

Profilbild von hojjat 413 🇮🇷
hojjat 413 🇮🇷vor 1 Jahr

very basic

Profilbild von Snow
Snowvor 1 Jahr

I was trying to do this like just yesterday, wtf??

Profilbild von Ian Hazzard
Ian Hazzardvor 1 Jahr

No text reflowing would be really epic

Ähnliche Videos

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 Aufrufe • vor 1 Jahr

Let’s create a ripple transition effect using SwiftUI. For more information, please check out the video 👇
0:23

Let’s create a ripple transition effect using SwiftUI. For more information, please check out the video 👇

Kavsoft

32,525 Aufrufe • vor 1 Jahr

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI
0:28

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI

Kavsoft

23,960 Aufrufe • vor 1 Jahr

Couldn't resist and had to remix Janum Trivedi's mesh animation and tried to recreate a 'genie effect' using SwiftUI
0:21

Couldn't resist and had to remix Janum Trivedi's mesh animation and tried to recreate a 'genie effect' using SwiftUI

Alex Widua

78,590 Aufrufe • vor 2 Jahren

Apple-Style OnBoarding Page With Animations Using SwiftUI
0:29

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 Aufrufe • vor 11 Monaten

Disappearing Scroll Header Using SwiftUI NOTES: Inspired from the Instagram App!
0:27

Disappearing Scroll Header Using SwiftUI NOTES: Inspired from the Instagram App!

Kavsoft

19,788 Aufrufe • vor 15 Tagen

New Xcode's OnBoarding Animation Effect Using SwiftUI
0:21

New Xcode's OnBoarding Animation Effect Using SwiftUI

Kavsoft

36,939 Aufrufe • vor 4 Monaten

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:
9:49

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:

Builder.io

12,074 Aufrufe • vor 1 Jahr

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames
0:29

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

29,665 Aufrufe • vor 3 Monaten

Let’s create resizable chips layout with selection using SwiftUI.
0:27

Let’s create resizable chips layout with selection using SwiftUI.

Kavsoft

14,115 Aufrufe • vor 1 Jahr

finally managed to recreate Family's drawer using pure SwiftUI, code will be on github soon
0:25

finally managed to recreate Family's drawer using pure SwiftUI, code will be on github soon

cristi

122,524 Aufrufe • vor 1 Jahr

Building Scrollable Tab View Using SwiftUI | Instagram Profile Scroll Tab View | iOS 18+ | Xcode 16
0:44

Building Scrollable Tab View Using SwiftUI | Instagram Profile Scroll Tab View | iOS 18+ | Xcode 16

Kavsoft

18,212 Aufrufe • vor 1 Jahr

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}
0:39

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}

jhey ʕ•ᴥ•ʔ

126,068 Aufrufe • vor 1 Jahr

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!
3:43

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!

Steve (Builder.io)

113,931 Aufrufe • vor 8 Monaten

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇
0:32

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

Kavsoft

156,039 Aufrufe • vor 2 Jahren

Resizable ScrollView Header | Scroll To Hide Header | SwiftUI | iOS 18+
0:38

Resizable ScrollView Header | Scroll To Hide Header | SwiftUI | iOS 18+

Kavsoft

11,916 Aufrufe • vor 1 Jahr

SwiftUI Bottom Sheet like Apple Music App
0:20

SwiftUI Bottom Sheet like Apple Music App

Kavsoft

67,888 Aufrufe • vor 1 Jahr

See how Apple Distinguished Educator Dr. Helmi Norman used Memoji and augmented reality to make learning history more engaging for students. Get ideas for using video and animation with your own students in the Apple Education Community.
0:32

See how Apple Distinguished Educator Dr. Helmi Norman used Memoji and augmented reality to make learning history more engaging for students. Get ideas for using video and animation with your own students in the Apple Education Community.

Apple Education

7,322,011 Aufrufe • vor 2 Jahren

Could be used for an interesting voice animation, made with SwiftUI
0:22

Could be used for an interesting voice animation, made with SwiftUI

Mike Lee

85,869 Aufrufe • vor 1 Jahr