Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Scroll efeects for SwiftUI,React native & Web in

sucodeee's profile picture

sucodee

9,011 subscribers

63,106 görüntüleme • 15 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

29 Yorum

Hilda Bliss profil fotoğrafı
Hilda Bliss14 gün önce

Damn, this really amazing 🔥 Love it.

Sebastian Buzdugan profil fotoğrafı
Sebastian Buzdugan14 gün önce

i've seen layered gradients turn smooth scroll effects into jank on low end android

sucodee profil fotoğrafı
sucodee14 gün önce

I test all the react native on iOS device, but next time I will try to also test them on the android device

Arham profil fotoğrafı
Arham13 gün önce

this is dope!

Shivam Negi profil fotoğrafı
Shivam Negi15 gün önce

Looks so cool man♥️

Bharath kumar profil fotoğrafı
Bharath kumar14 gün önce

This are insane effects..

Basit A. Khan profil fotoğrafı
Basit A. Khan14 gün önce

that's cool

Srini profil fotoğrafı
Srini15 gün önce

Wow, the glitch effect is so perfect 😀

sucodee profil fotoğrafı
sucodee15 gün önce

Thank you

Dominik Sobe ツ profil fotoğrafı
Dominik Sobe ツ14 gün önce

super sexyyyy

lupen profil fotoğrafı
lupen15 gün önce

I loved it

Lia Quijano profil fotoğrafı
Lia Quijano14 gün önce

Chef’s kiss

Fuego.UI🔥👽 profil fotoğrafı
Fuego.UI🔥👽14 gün önce

The Thanos effect🔥🔥

Magivid profil fotoğrafı
Magivid14 gün önce

@readwise save

Lamar | UI/UX Designer profil fotoğrafı
Lamar | UI/UX Designer14 gün önce

Woahhh 🤯

F profil fotoğrafı
F14 gün önce

I really appreciate this! Amazing. Thanks!!!

Salim Din profil fotoğrafı
Salim Din14 gün önce

It looks just ummmm🤌 But on a website, they would be too much. I think they would look PERFECT in a promo video

Ismail Nahid profil fotoğrafı
Ismail Nahid14 gün önce

These card scroll effects look next level.

MONARCH profil fotoğrafı
MONARCH14 gün önce

Wait, i saw React native support, is that true?

sucodee profil fotoğrafı
sucodee14 gün önce

yes most of the effects on the website supporting react native

Shengli profil fotoğrafı
Shengli14 gün önce

I'm absolutely amazed, it's so beautiful! Can you tell me how you did it?

Neel profil fotoğrafı
Neel13 gün önce

scroll effects for swiftui too??

Cherif Tabouche profil fotoğrafı
Cherif Tabouche14 gün önce

Love how these cards fade tho!

JC Mobile App Studio profil fotoğrafı
JC Mobile App Studio14 gün önce

Is the SwiftUI version built on the visualEffect and Metal shader modifiers? Curious how it holds up at 120Hz in a long ScrollView.

sucodee profil fotoğrafı
sucodee14 gün önce

No. It's a WKWebView running the same WebGL engine as the web version. It only renders while moving, so in a long ScrollView it's just a static layer. Haven't tested at 120Hz yet.

JC Mobile App Studio profil fotoğrafı
JC Mobile App Studio14 gün önce

Smart, only rendering while moving saves a ton of battery. If you ever do a native pass, SwiftUI's layerEffect shaders could run it without the web view.

Alex roy profil fotoğrafı
Alex roy13 gün önce

Great visual balance.

Tamal AI Product Designer | UI/UX Designer profil fotoğrafı
Tamal AI Product Designer | UI/UX Designer14 gün önce

The glitch and Thanos snap effects on those cards are insanely clean. Super usable.

d. vittta profil fotoğrafı
d. vittta13 gün önce

desintegration

Benzer Videolar

Thinking orbs for SwiftUI, react native, web with
0:34

Thinking orbs for SwiftUI, react native, web with

sucodee

19,141 görüntüleme • 1 ay önce

Bot animation for SwiftUI React native and web with
0:51

Bot animation for SwiftUI React native and web with

sucodee

17,862 görüntüleme • 1 ay önce

Thinking orbs for SwiftUI, react, web
0:37

Thinking orbs for SwiftUI, react, web

sucodee

174,607 görüntüleme • 1 ay önce

Progress bar animations for SwiftUI, react native with
0:32

Progress bar animations for SwiftUI, react native with

sucodee

225,552 görüntüleme • 1 ay önce

38 Thinking orbs code for SwiftUI, react, web
0:26

38 Thinking orbs code for SwiftUI, react, web

sucodee

11,302 görüntüleme • 1 ay önce

Progress bar animations code for SwiftUI, react , web with
0:27

Progress bar animations code for SwiftUI, react , web with

sucodee

80,763 görüntüleme • 1 ay önce

For SwiftUI & React Card Gradient with
0:30

For SwiftUI & React Card Gradient with

sucodee

15,146 görüntüleme • 2 ay önce

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza
0:27

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza

Jakub Antalik

186,979 görüntüleme • 1 ay önce

Introducing Expo Agent Build truly native iOS and Android apps from a prompt. Anything from React to SwiftUI to Jetpack Compose. Compile and deploy for Apple, Android, and the web right from the browser!
2:29

Introducing Expo Agent Build truly native iOS and Android apps from a prompt. Anything from React to SwiftUI to Jetpack Compose. Compile and deploy for Apple, Android, and the web right from the browser!

Evan Bacon

218,885 görüntüleme • 7 ay önce

Antigravity leverages Gemini 3.7 Flash’s reasoning to build complete native auth screens across SwiftUI, React Native, Jetpack Compose, and Flutter.
0:46

Antigravity leverages Gemini 3.7 Flash’s reasoning to build complete native auth screens across SwiftUI, React Native, Jetpack Compose, and Flutter.

Google Antigravity

85,494 görüntüleme • 1 ay önce

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

111,102 görüntüleme • 1 yıl önce

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />
0:41

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />

Fernando Rojo

27,366 görüntüleme • 1 yıl önce

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.
8:26

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

Fernando Rojo

31,557 görüntüleme • 1 yıl önce

A game written purely in TypeGPU? YES Konrad Reczko used almost all Software Mansion superpowers (TypeGPU, react-native-audio-api, Pulsar, react-native-gesture-handler, react-native-nano-icons) to create this smooth (120 fps!!!) game that works both on web and in React Native 🥹 Read more about it in Konrad's post and start playing 🎮
0:33

A game written purely in TypeGPU? YES Konrad Reczko used almost all Software Mansion superpowers (TypeGPU, react-native-audio-api, Pulsar, react-native-gesture-handler, react-native-nano-icons) to create this smooth (120 fps!!!) game that works both on web and in React Native 🥹 Read more about it in Konrad's post and start playing 🎮

Software Mansion

27,942 görüntüleme • 2 ay önce

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:
1:35

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Sanket Sahu

41,678 görüntüleme • 3 yıl önce

Dynamic Island–aware toasts for React Native. Works on iOS, Android and Web. Should I release it? 👀
0:35

Dynamic Island–aware toasts for React Native. Works on iOS, Android and Web. Should I release it? 👀

Błażej Kustra

17,251 görüntüleme • 5 ay önce

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.
1:56

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

Gordon Hayes

124,403 görüntüleme • 2 yıl önce