I stumbled on this animation a couple of weeks ago on Twitter; it was a beautiful prototype from @JordanAmblin.
View the original prototype on X
https://twitter.com/i/web/status/1765047420390445293
So I decided to recreate it in React Native using react-native-reanimated, react-native-gesture-handler, and @gorhom/bottom-sheet.
The goal of this demo was to utilize actual components to ensure it can be easily adapted for real-world applications.
iOS
Android
You can find the full example here: Stringsaeed/underlay-pattern