Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

_Kavsoft's profile picture

Kavsoft

28,803 subscribers

29,485 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Expandable Header with Hero Effect | Slack Header Animation | SwiftUI | Xcode 16
0:19

Expandable Header with Hero Effect | Slack Header Animation | SwiftUI | Xcode 16

Kavsoft

19,422 görüntüleme • 1 yıl önce

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

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

A. Hassan

61,343 görüntüleme • 5 ay önce

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on
0:16

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

Volodymyr

17,026 görüntüleme • 1 yıl önce

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 görüntüleme • 2 ay önce

Recreated Using SwiftUI✌️ For More 👇 NOTE: The Animation is done using the Keyframe’s API
0:17

Recreated Using SwiftUI✌️ For More 👇 NOTE: The Animation is done using the Keyframe’s API

Kavsoft

19,325 görüntüleme • 6 ay önce

I really like these iOS-style header blur effects here is an implementation in React Native powered by Expo-modules
0:17

I really like these iOS-style header blur effects here is an implementation in React Native powered by Expo-modules

Hewad Mubariz

48,361 görüntüleme • 3 ay önce

this is so fluid.. the scroll effect on this app is just mesmerizing
0:16

this is so fluid.. the scroll effect on this app is just mesmerizing

Aurelien

128,756 görüntüleme • 1 yıl önce

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,369 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

Today, I made this cool "Pepsi Header" using HTML, CSS & JavaScript. How is it guys?
0:13

Today, I made this cool "Pepsi Header" using HTML, CSS & JavaScript. How is it guys?

Raja - impeccify.com 🚀

119,353 görüntüleme • 3 yıl önce

added fart open/close myself using the factory cli now to move the app to a toolbar so I can covertly install this while my wife is out 😂
0:19

added fart open/close myself using the factory cli now to move the app to a toolbar so I can covertly install this while my wife is out 😂

Ian Nuttall

489,119 görüntüleme • 10 ay önce

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at
0:12

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 görüntüleme • 1 yıl önce

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)
0:16

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)

jhey ʕ•ᴥ•ʔ

94,008 görüntüleme • 2 yıl önce

Here comes the 12th #Sushi30over30! 📜 Scroll Scroll 🌐 Scroll is a native zkEVM - the L2 network built by Ethereum devs for Ethereum devs 🔄 Swap & LP on Sushi Join the Daily Quest powered by Galxe 👾: 👉 LIKE & RT this tweet 🍣 FOLLOW Sushi.com & Scroll Prizes: 💥 3x top 3 posts winners get $100 in $SUSHI 🏆 3x streak winners grab $300 in $SUSHI Full blog: #Layer2 #Ethereum #zkevm
0:17

Here comes the 12th #Sushi30over30! 📜 Scroll Scroll 🌐 Scroll is a native zkEVM - the L2 network built by Ethereum devs for Ethereum devs 🔄 Swap & LP on Sushi Join the Daily Quest powered by Galxe 👾: 👉 LIKE & RT this tweet 🍣 FOLLOW Sushi.com & Scroll Prizes: 💥 3x top 3 posts winners get $100 in $SUSHI 🏆 3x streak winners grab $300 in $SUSHI Full blog: #Layer2 #Ethereum #zkevm

Sushi.com

37,396 görüntüleme • 2 yıl önce

✨ Created this amazing scroll animation for project section using Framer What you think!! Like, Repost, Comment "Project" for the Remix link (Must follow so I can DM you)
0:18

✨ Created this amazing scroll animation for project section using Framer What you think!! Like, Repost, Comment "Project" for the Remix link (Must follow so I can DM you)

Sai Satvik

17,224 görüntüleme • 1 yıl önce

SwiftUI List row height animation is broken by design — and most fixes just avoid the problem. This deep-dive shows how to actually solve it: custom Layout, state machine decoupling, and animatable spacing — all native SwiftUI, no UIKit.
0:07

SwiftUI List row height animation is broken by design — and most fixes just avoid the problem. This deep-dive shows how to actually solve it: custom Layout, state machine decoupling, and animatable spacing — all native SwiftUI, no UIKit.

fatbobman (东坡肘子)

12,962 görüntüleme • 1 ay önce

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this
0:16

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this

FHILY👑

380,219 görüntüleme • 2 ay önce