design engineer @coinbase, reactiive.io/demos
- Tweets 2,198
- Following 476
- Followers 11,705
- Likes 8,275
Pinned Tweet
I've been playing with React Native WebGPU recently and it's really flipping my perspective on animations.
178
1,159
16,493
1,037,955
I've been building a chess puzzles app using @expo, and it’s finally coming together 👀
Made a fun little page for the launch.
→ tempo.reactiive.io
7
10
102
7,029
What @reczko_konrad built is the closest thing to magic I've seen this year.
Couldn't stop thinking about the concept of drawing with light. So I built this small React Native prototype on top of his shader.
Depth-aware light injection in TypeGPU
I got a 448x448 monocular depth model down to ~8 ms on my M4 Pro across ~250 dispatches, which is fast enough to use in realtime :D
Since the inference is written directly in TypeGPU, I can just feed the depth buffer straight into the lighting pass. It never has to leave the GPU or go through any extra synchronization/interop step
Inference, lighting and draw all go through the same command encoder.
13
20
308
20,205
Here depth + surface normals are estimated ahead of time to get the best visual result I could.
Way less impressive than runtime inference 😅, but still so fun for a domain where the image never changes (like paintings!).
The demo is open source with a lot of others React Native animations.
github.com/enzomanuelmangano…
11
1,521
Combining Claude with react-native-webgpu has made creating this kind of animation insanely simple.
Somehow I feel the hard part now is making it feel personal. So having a creeper moving around really helps 👀
The demo is open source, along with 120+ other React Native animations.
github.com/enzomanuelmangano…
1
22
3,227
Enzo Manuel Mangano retweeted
Path segmentation and interpolation, and variable stroke width in Redraw
7
11
116
11,950
If your app feels premium you're going to hold onto users.
That's an easy thing to say and a more difficult thing to do. Which is why we've started gathering all the best, more beautiful open source demos from our community.
Talented people like @reactiive_, @hewad_mubariz, @_philpl, @nater02, @S0LARIN, @rit3zh, @iamarunabh are sharing their code on this page: expo.dev/demos
Check it out and let us know who's work we need to add to the page.
10
40
371
44,778
One of my favorite things about the Demos app is that every update generates a slightly different app icon, so it's always a nice little surprise.
6
3
129
12,277
4. here's the TestFlight if you'd like to get these small surprises too 👀
testflight.apple.com/join/uB…
1
5
1,053
5. True. That's quite a unique use case, but you could reuse the same trick to generate wallpapers, backgrounds, or even your GitHub thumbnails.
The code is fully open source if you'd like to have a look!
github.com/enzomanuelmangano…
6
960
Great books always feel like the letters themselves are alive.
I’ve had this idea in mind for a while, and it was so fun to prototype with React Native Skia.
9
13
253
16,168
The demo is open source (along with 120+ other React Native animations).
If you’re trying to animate a lot of similar objects (images, shapes, or anything really), the Atlas API from Skia is something I strongly recommend playing around with.
It unlocks a ton of patterns, and you end up exploring ideas you wouldn't have considered otherwise. I usually start in one direction and almost always land somewhere completely different.
github.com/enzomanuelmangano…
1
19
2,337
Working with @noahfarrar is an actual cheat code.
Loved building this splash screen for @baseapp. Did a light remodel of the icon and animated the motion in Blender.
Then took that render into After Effects for the handoff effect into the app UI.
5
1
34
5,549
Enzo Manuel Mangano retweeted
You don't want to miss this talk! 🚨
@wcandillon gives updates on webGPU, React Native Skia, and Redraw! 🎨
piped.video/watch?v=FcexWLd3…
1
7
33
2,509