A floating liquid-glass tab bar for Expo Router that mimics Revolut's style, minimizing on scroll while keeping all tabs visible.

Stars

182

7-day growth

No data

Forks

4

Open issues

0

License

MIT

Last updated

2026-07-22

Why it is worth attention

It recreates a unique scroll-minimizing tab bar behavior not available natively, using real iOS 26 UIGlassEffect and UI-thread animations for smooth, native-feeling interactions.

Who it is for

  • Expo developers building React Native apps
  • Developers wanting a glassmorphic tab bar with scroll behavior
  • Designers aiming for Revolut-style UI
  • Teams needing performant, gesture-driven navigation

Use cases

  • Bottom tab navigation that minimizes on scroll like Revolut
  • Top bar with progressive edge blur
  • Custom tab bars requiring scrub gestures and haptic feedback
  • Apps needing high-performance animations without JS thread blocking

Strengths

  • Real liquid glass effect via iOS 26 UIGlassEffect with hardware-accelerated rendering
  • All animations run on the UI thread using Reanimated worklets, preventing frame drops
  • Native gesture recognizers ensure no flicker even with rubber-band overscroll
  • Pure TypeScript implementation works in Expo Go without custom native code

Considerations

  • Requires multiple peer dependencies (expo-blur, expo-glass-effect, etc.)
  • True glass effect only on iOS 26+; older iOS and Android use a solid fallback
  • Tied to Expo Router's headless tabs structure, not a generic tab bar solution

README quick start

Installation

Description

Floating liquid-glass tab bar for Expo Router — minimize-on-scroll, sliding highlight, finger scrubbing with haptics, progressive edge blur

Related repositories

Similar projects matched by category, topics, and programming language.

thesysdev
thesysdev GitHub avatar

appless

AppLess is an experimental generative‑UI mobile app that creates every screen on the fly via a streaming LLM, rendering native Cupertino or Material design without any pre‑installed apps.

TypeScript
318
openclaw
Featured
openclaw GitHub avatar

openclaw

OpenClaw is a self-hosted personal AI assistant that runs on your own devices and integrates with over 25 messaging channels, featuring voice support, a live canvas, and multi-agent routing.

AI & Machine Learning
383,088
TanStack
Featured
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web Development
14,802