Two React Native + Expo chat UI cookbooks demonstrating Liquid Glass — glass portraits, reversible gestures, and conversations that move with the keyboard.
React NativeExpoChat UI+2
github.comLoading resources…
rit3zh/expo-motion-blur
github.com
Native motion blur for React Native views on iOS and Android — wrap any moving content in MotionBlurView and the blur follows its on-screen velocity.
What is rit3zh/expo-motion-blur?
expo-motion-blur is an MIT-licensed Expo module that adds per-pixel native motion blur to React Native apps. Wrap any moving content in `MotionBlurView` and GPU shaders (Metal on iOS, runtime shaders on Android) render velocity-driven blur regardless of what drives the motion. Props like intensity, speedForMaxBlur and samples tune the streak length and cost, with graceful fallbacks on older Android versions and web. Install with `npx expo install expo-motion-blur`; a development build is required.
Best for
- Velocity-based blur on moving React Native views
- Native-feeling transitions in Expo apps
- Polished card, sheet and drawer motion
Key features
- Wrap any View — blur follows on-screen velocity
- Per-pixel Metal shader on iOS, runtime shaders on Android 13+
- Tunable intensity, speed threshold and sample count
- Graceful fallback: older Android and web render normally
- MIT licensed with an Expo example app
Related resources
github.com
MIT-licensed React component rendering Apple-style liquid glass lenses that refract live DOM — cross-browser SVG displacement, ~5 kB, zero dependencies.
ReactSVGGlassmorphism+2
agpallav.com
Visitopens in a new tab
Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
AnimationJavaScriptSVG+2
animejs.com