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

Stars

237

7-day growth

+129

Forks

8

Open issues

1

License

MIT

Last updated

2026-07-22

AI repository intelligence
FR-AI / ANALYSIS

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.

makecindy
Featured
makecindy GitHub avatar

cindy

Cindy is an open-source AI agent that runs locally on your machine, integrates multiple AI harnesses and models, and provides memory, skills, and automation to perform real work in your projects and apps.

AI & Machine LearningLarge Language Models
958
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 DevelopmentFrontend Frameworks
14,861
vercel-labs
Featured
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

Developer ToolsCode Quality & Build
1,985