Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

mironcatalin's profile picture

Catalin Miron - AnimateReactNative.com

12,049 subscribers

25,784 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

High resolution recording. 🔜

Profilbild von onlydans
onlydansvor 2 Jahren

sickkk

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

Thanks ✌️

Profilbild von Hewad Mubariz
Hewad Mubarizvor 2 Jahren

👏👏👏

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

Thank you Hewad! ✌️

Profilbild von Hemant C. Sharma
Hemant C. Sharmavor 2 Jahren

very nice Catalin!! good to see you back in action

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

Thanks Hemant! ✌️

Profilbild von Nikita Trifan
Nikita Trifanvor 2 Jahren

Another play might be to parallax all of the cards in the viewport

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

You can do it, I'm purposely limit the parallax to the current (middle) item.

Profilbild von Francesco
Francescovor 2 Jahren

OMG OMG 😱

Profilbild von Catalin Miron - AnimateReactNative.com
Catalin Miron - AnimateReactNative.comvor 2 Jahren

Thanks Fransis! 🤗

Ähnliche Videos

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian
0:24

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian

Timeless

10,947 Aufrufe • vor 2 Jahren

How to Implement a custom Accordion in react-native? using reanimated
0:50

How to Implement a custom Accordion in react-native? using reanimated

Ashu

31,861 Aufrufe • vor 2 Jahren

AppleTV App Animated Carousel Using SwiftUI NOTE: This is a ScrollView!
0:23

AppleTV App Animated Carousel Using SwiftUI NOTE: This is a ScrollView!

Kavsoft

17,608 Aufrufe • vor 2 Monaten

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄
0:20

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄

Oluwapelumi

63,472 Aufrufe • vor 1 Jahr

It's called the QB carousel
2:11

It's called the QB carousel

Nick Olson

314,920 Aufrufe • vor 2 Jahren

"Marusya's Carousel". Excerpt from 1977 Soviet animated film.
4:35

"Marusya's Carousel". Excerpt from 1977 Soviet animated film.

Soviet Visuals

18,352 Aufrufe • vor 1 Monat

Create a visually appealing and animated sticky scroll header effect that uses interchangeable carousel cards. For more 👇
0:21

Create a visually appealing and animated sticky scroll header effect that uses interchangeable carousel cards. For more 👇

Kavsoft

16,497 Aufrufe • vor 1 Jahr

Carousel live from the #ACMawards song out on Amazon Music May 16 🎠 Presave here:
0:29

Carousel live from the #ACMawards song out on Amazon Music May 16 🎠 Presave here:

Miranda Lambert

179,498 Aufrufe • vor 3 Jahren

A spin on the coaching carousel:
2:35

A spin on the coaching carousel:

Adam Schefter

1,062,443 Aufrufe • vor 1 Jahr

Tomlin ➡️ BAL? Harbaugh ➡️ PIT? Carr ➡️ LV??? Derek and David react to the latest news in the NFL coaching carousel, and pitch some interesting landing spots 👀
0:36

Tomlin ➡️ BAL? Harbaugh ➡️ PIT? Carr ➡️ LV??? Derek and David react to the latest news in the NFL coaching carousel, and pitch some interesting landing spots 👀

Home Grown with David & Derek Carr

45,968 Aufrufe • vor 4 Monaten

I’ve opened a PR to React Native to add support for 120 FPS Animations while using the Animated API 🚀 Check it out:
0:27

I’ve opened a PR to React Native to add support for 120 FPS Animations while using the Animated API 🚀 Check it out:

Oskar Kwaśniewski

10,961 Aufrufe • vor 1 Jahr

Animated img carousel 🤙 Use CSS trig functions to get radius and layout images as a cylinder 🤓 Use scroll animation to rotate the cylinder 📜 :root { --a: calc((360 / var(--total)) * 1deg); --r: calc((var(--item-width) / sin(var(--a))) * -1); } Explained 👇
1:03

Animated img carousel 🤙 Use CSS trig functions to get radius and layout images as a cylinder 🤓 Use scroll animation to rotate the cylinder 📜 :root { --a: calc((360 / var(--total)) * 1deg); --r: calc((var(--item-width) / sin(var(--a))) * -1); } Explained 👇

jhey ʕ•ᴥ•ʔ

334,557 Aufrufe • vor 2 Jahren

carousel ride..
0:27

carousel ride..

july

77,688 Aufrufe • vor 1 Jahr

A spin on the NFL coaching carousel.
6:05

A spin on the NFL coaching carousel.

Adam Schefter

2,704,307 Aufrufe • vor 1 Jahr

Pick your favorite carousel all are free to copy-paste Jordan Animate UI Naymur Rahman Ibelick Aceternity
1:09

Pick your favorite carousel all are free to copy-paste Jordan Animate UI Naymur Rahman Ibelick Aceternity

Ali Bey

17,827 Aufrufe • vor 5 Monaten

Carousel (Carousel for Excel) is an AI assistant for Excel that builds spreadsheets & models for you in minutes. It's what Microsoft’s Copilot for Excel promised to be.
1:26

Carousel (Carousel for Excel) is an AI assistant for Excel that builds spreadsheets & models for you in minutes. It's what Microsoft’s Copilot for Excel promised to be.

Y Combinator

69,891 Aufrufe • vor 1 Jahr