Open source · React Native
Pull down to search, the iOS 26 way.
Pull the list and a liquid glass bubble grows from the bottom of the screen. Past the threshold it expands into the full search field, the keyboard opens by itself and the pill rides it pixel-perfect. Real UIGlassEffect on iOS 26, blur fallback everywhere else.
How it works
Overscroll is the progress
The scroll view's negative offset maps straight to the reveal. The bubble's position and scale derive from your finger, no spring in the loop, so the gesture and the pill can never desync.
Two-stage glass pill
During the pull it is a compact loupe bubble. Crossing the threshold fires one haptic and animates the width into the full field, while the loupe cross-fades into the input.
Survives the real device
Animating opacity on any parent kills UIGlassEffect on a real iPhone even though the simulator renders it fine. The pill hides by sliding below the screen, and useAnimatedKeyboard makes it ride the keyboard, interactive dismiss included.
Want the full technical breakdown?
I'm writing a deep dive on the two-stage expansion, the keyboard docking and the Liquid Glass traps that only show up on a real device. Drop your email and I'll send it when it's out, plus my next micro-interaction experiments.
No spam, no funnel. The source code is free either way.