Ed's banner
Ed's profile picture

Ed

@trpfsu • 3,740 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

57,137 views

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 views

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 views

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,829 views

with position awareness + custom backdrop

with position awareness + custom backdrop

26,102 views

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,767 views

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,962 views

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 views

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 views

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 views

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 views

navigation zoom gallery

navigation zoom gallery

10,840 views

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

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

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨
0:32
trpfsu's profile picture

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨

Ed

39,119 views • 24 days ago

tried again lol
0:27
trpfsu's profile picture

tried again lol

Ed

35,552 views • 1 month ago

Decided to attempt this in with screen-transitions, here's how it came out🫣 Thanks Alireza for suggesting & creds to the talented team at Pool for this super beautiful interaction !
0:23
trpfsu's profile picture

Decided to attempt this in with screen-transitions, here's how it came out🫣 Thanks Alireza for suggesting & creds to the talented team at Pool for this super beautiful interaction !

Ed

22,644 views • 27 days ago

hell yeah 😼
0:26
trpfsu's profile picture

hell yeah 😼

Ed

88,112 views • 6 months ago

I didn't even know you could do this
0:20
trpfsu's profile picture

I didn't even know you could do this

Ed

36,472 views • 2 months ago

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

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

Ed

57,137 views • 5 months ago

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9
0:42
trpfsu's profile picture

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

Ed

18,878 views • 1 month ago

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 🥳
0:31
trpfsu's profile picture

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 🥳

Ed

82,131 views • 8 months ago

ok, getting somewhere 🤨
0:21
trpfsu's profile picture

ok, getting somewhere 🤨

Ed

21,902 views • 2 months ago

react-native-screen-transitions v2.0.2 is out, heres what's new
0:25
trpfsu's profile picture

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

Ed

72,829 views • 1 year ago

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
0:29
trpfsu's profile picture

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

Ed

21,463 views • 3 months ago

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with Expo + React Navigation
0:26
trpfsu's profile picture

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

Ed

27,916 views • 6 months ago

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.
0:22
trpfsu's profile picture

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.

Ed

23,128 views • 11 months ago

While working on some transition presets I managed to get an instagram reels style screen transition. kindaaaaaaaaaaa
0:25
trpfsu's profile picture

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

Ed

23,821 views • 1 year ago

apple mindfulness breathing animation built w/ Expo, Software Mansion reanimated and Shopify skia
0:31
trpfsu's profile picture

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

Ed

23,984 views • 1 year ago

giving myself a week to create the Apple Music shared album transition, I think we're ALMOST kinda there.
0:29
trpfsu's profile picture

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

Ed

14,732 views • 1 year ago

example 3 of shared bounds, this ones a little more complete
0:20
trpfsu's profile picture

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

Ed

15,272 views • 1 year ago

No more content to load