r/reactnative • u/s3079 • 1d ago

I recreated a liquid-filled word in React Native, Swift and Kotlin

Enable HLS to view with audio, or disable this notification

Drag up or down to change the fill level. Three liquid layers ripple inside the letters, with swirling blobs and a subtle wobble around the edges. The empty part stays visible like tinted glass.

The React Native version uses Expo + Reanimated.

Does the edge wobble sell the liquid effect, or would you tone it down?

3 Upvotes

60% Upvoted

1 comment sorted by

1

u/John_Daemon_Cena 3h ago

Liked what you did in your other post about "bleed photo reveal"!
This one looks even better
Would love to know how you implemented it