Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!

_Kavsoft's profile picture

Kavsoft

24,556 subscribers

12,058 Aufrufe • vor 1 Jahr •via X (Twitter)

Gesundheit & WellnessBildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨
0:17

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,025 Aufrufe • vor 2 Jahren

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇
0:18

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Kavsoft

20,540 Aufrufe • vor 4 Monaten

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏
0:11

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏

Musab Alfawal

137,154 Aufrufe • vor 1 Jahr

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.
0:12

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.

NasDa

209,834 Aufrufe • vor 4 Monaten

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.
0:14

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

Julien Sagot

30,282 Aufrufe • vor 5 Monaten

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!
0:13

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!

Brandon Butch

144,587 Aufrufe • vor 10 Monaten

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 Aufrufe • vor 1 Monat

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music
0:11

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music

tyler

53,037 Aufrufe • vor 2 Monaten

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️
0:14

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Kavsoft

25,587 Aufrufe • vor 3 Monaten

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.
0:18

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.

A. Hassan

60,675 Aufrufe • vor 4 Monaten

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓
0:11

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

51,213 Aufrufe • vor 23 Tagen

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!
0:15

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!

Thomas Ricouard

48,242 Aufrufe • vor 2 Monaten

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev
0:15

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev

Matt Hughson (NES & Game Boy Developer)

71,940 Aufrufe • vor 1 Jahr

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 Aufrufe • vor 1 Jahr

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on
0:12

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on

Flutter

66,467 Aufrufe • vor 2 Jahren

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙
0:17

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,663 Aufrufe • vor 1 Jahr

iOS 26 Fitness App Custom Tab Bar Using SwiftUI
0:19

iOS 26 Fitness App Custom Tab Bar Using SwiftUI

Kavsoft

25,432 Aufrufe • vor 2 Monaten

Reading the Scroll of Esther in southern Lebanon.
0:11

Reading the Scroll of Esther in southern Lebanon.

Amit Segal

30,792 Aufrufe • vor 3 Monaten

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);
0:10

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

jhey ʕ•ᴥ•ʔ

77,042 Aufrufe • vor 1 Jahr