Let me explain it in a thread 🧵👇
Let me explain it in a thread 🧵👇
Each item's color shifts smoothly as you scroll, all done with Reanimated.
I was silly thinking I'd need a MaskedView for this 😅
Turns out it's just simple math.
Each item's color shifts smoothly as you scroll, all done with Reanimated.
I was silly thinking I'd need a MaskedView for this 😅
Turns out it's just simple math.
Built using @expo.dev and @swmansion.com reanimated.
Built using @expo.dev and @swmansion.com reanimated.
Powered by Reanimated.
Powered by Reanimated.
You can show a SharedValue as text without extra re-rendering.
Code + use case in the thread 🧵👇
You can show a SharedValue as text without extra re-rendering.
Code + use case in the thread 🧵👇
Liquid Glass in React Native is impressively easy to use.
Big thanks, @expo.dev, this update slaps.
Liquid Glass in React Native is impressively easy to use.
Big thanks, @expo.dev, this update slaps.
Just use filter: blur(10px) directly in your styles.
✅ Blurs element content (text, images, etc.)
❌ Not a backdrop blur
📌 iOS equivalent: CIGaussianBlur via CIFilter
📌 Web equivalent: filter: blur()
Requires RN 0.77+ or Expo 53+.
Just use filter: blur(10px) directly in your styles.
✅ Blurs element content (text, images, etc.)
❌ Not a backdrop blur
📌 iOS equivalent: CIGaussianBlur via CIFilter
📌 Web equivalent: filter: blur()
Requires RN 0.77+ or Expo 53+.
A fully native text input, but I'd actually call it a react native chat input 💬.
Why? Because it has everything you expect from a chat composer, even inline image support (Android for now).
👇
github.com/software-man...
A fully native text input, but I'd actually call it a react native chat input 💬.
Why? Because it has everything you expect from a chat composer, even inline image support (Android for now).
👇
github.com/software-man...
Built with @expo.dev and @swmansion.com Reanimated
UI inspo from @github.com and @alevy.bsky.social beautiful app Stargazer
Peep the demo 👇
Built with @expo.dev and @swmansion.com Reanimated
UI inspo from @github.com and @alevy.bsky.social beautiful app Stargazer
Peep the demo 👇
Made this anti-gravity emoji burst
w/ Matter JS + @expo.dev + @swmansion.com
Made this anti-gravity emoji burst
w/ Matter JS + @expo.dev + @swmansion.com
Made with @expo.dev + @swmansion.com’s Reanimated.
Made with @expo.dev + @swmansion.com’s Reanimated.
Built with @expo.dev, RN Skia, @swmansion.com's RNGH + Reanimated.
Here’s the clip 👇
Built with @expo.dev, RN Skia, @swmansion.com's RNGH + Reanimated.
Here’s the clip 👇
Inspired by @github.com.
💪 Built with @expo.dev + @swmansion.com Reanimated
Peep the demo 👇
Inspired by @github.com.
💪 Built with @expo.dev + @swmansion.com Reanimated
Peep the demo 👇
How's it looking?
How's it looking?
Coming in the next release.
Coming in the next release.
Inspired by Joseph Smith's SplitPaneKit demo
Inspired by Joseph Smith's SplitPaneKit demo
Built with @expo.dev and @swmansion.com, smooth as always.🙌
Built with @expo.dev and @swmansion.com, smooth as always.🙌