Ed

@trpfsu • 3,588 subscribers

building things

Shorts

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

56,721 görüntüleme

I’m experimenting with a new navigation transition for screen-transitions Its similar to navigation.zoom() but this variation prioritizes visual continuity by letting the destination screen finish its animation fully before it becomes interactive.

I’m experimenting with a new navigation transition for screen-transitions Its similar to navigation.zoom() but this variation prioritizes visual continuity by letting the destination screen finish its animation fully before it becomes interactive.

36,157 görüntüleme

skia + reanimated is so cool. this took a little longer than i'd like to admit ngl

skia + reanimated is so cool. this took a little longer than i'd like to admit ngl

94,281 görüntüleme

react-native-screen-transitions v2.0.2 is out, heres what's new

react-native-screen-transitions v2.0.2 is out, heres what's new

72,704 görüntüleme

new examples in the next version of react-native-screen-transitions. These just showcase the scrollview + gesture based transitions.

new examples in the next version of react-native-screen-transitions. These just showcase the scrollview + gesture based transitions.

57,166 görüntüleme

with position awareness + custom backdrop

with position awareness + custom backdrop

25,967 görüntüleme

This component is a little extra but I had so much fun learning more about skia. Built w/ Expo Software Mansion reanimated, and skia.

This component is a little extra but I had so much fun learning more about skia. Built w/ Expo Software Mansion reanimated, and skia.

49,669 görüntüleme

in the next version of react-native-screen-transitions, 2 new examples instagram and twitter(x) are available to u.

in the next version of react-native-screen-transitions, 2 new examples instagram and twitter(x) are available to u.

37,886 görüntüleme

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

14,157 görüntüleme

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.

40,445 görüntüleme

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

12,400 görüntüleme

navigation zoom gallery

navigation zoom gallery

10,840 görüntüleme

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

21,954 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

I didn't even know you could do this

I didn't even know you could do this

36,459 görüntüleme • 1 ay önce

hell yeah 😼

hell yeah 😼

87,806 görüntüleme • 5 ay önce

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

56,721 görüntüleme • 3 ay önce

ok, getting somewhere 🤨

ok, getting somewhere 🤨

21,836 görüntüleme • 1 ay önce

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳

81,609 görüntüleme • 7 ay önce

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

21,463 görüntüleme • 1 ay önce

react-native-screen-transitions v2.0.2 is out, heres what's new

react-native-screen-transitions v2.0.2 is out, heres what's new

72,704 görüntüleme • 11 ay önce

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with Expo + React Navigation

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with Expo + React Navigation

27,781 görüntüleme • 5 ay önce

One of the things I felt was really missing from screen-transitions was custom headers. I think I finally found something that works pretty well, here's how I'm starting to use it, this was inspired by the Drop set app.

One of the things I felt was really missing from screen-transitions was custom headers. I think I finally found something that works pretty well, here's how I'm starting to use it, this was inspired by the Drop set app.

23,128 görüntüleme • 9 ay önce

While working on some transition presets I managed to get an instagram reels style screen transition. kindaaaaaaaaaaa

While working on some transition presets I managed to get an instagram reels style screen transition. kindaaaaaaaaaaa

23,802 görüntüleme • 1 yıl önce

apple mindfulness breathing animation built w/ Expo, Software Mansion reanimated and Shopify skia

apple mindfulness breathing animation built w/ Expo, Software Mansion reanimated and Shopify skia

23,984 görüntüleme • 1 yıl önce

giving myself a week to create the Apple Music shared album transition, I think we're ALMOST kinda there.

giving myself a week to create the Apple Music shared album transition, I think we're ALMOST kinda there.

14,713 görüntüleme • 10 ay önce

example 3 of shared bounds, this ones a little more complete

example 3 of shared bounds, this ones a little more complete

15,257 görüntüleme • 11 ay önce

Expandable swipeable cards

Expandable swipeable cards

12,261 görüntüleme • 1 yıl önce

Daha fazla içerik yok.