What is expo-motion-tabs?

expo-motion-tabs is a ready to use animated bottom navigation bar component for mobile apps built with Expo Router, a framework for building iOS and Android apps using React Native, a tool that lets you write mobile apps in JavaScript or TypeScript. The bottom tab bar is the row of icons at the bottom of the screen you tap to switch between sections of an app. What makes this different from a standard tab bar is the animated popup panel. When you tap a tab, a morphing panel slides up from the bottom, giving each tab its own custom content area with a smooth visual transition. The tab bar itself uses fluid animations as you switch between tabs. To use it, you replace the default tab bar in your Expo Router layout with the included AnimatedTabBar component, passing it a function that returns whatever content you want to show in the popup for each tab. This is meant as a drop in replacement, so you do not need to rewrite your existing navigation structure. The component is written in TypeScript and is designed to be themed to match your app's own color scheme, with the ability to supply custom popup content for each tab. The project is built with Expo 55, React Native 0.83, Reanimated 4, a high performance animation library that runs animations on the device's UI thread for smoothness, Gesture Handler 2, and Expo Router. It currently has a working preview on iOS, with an Android preview still listed as a to do item in the README. Installation is a simple git clone followed by starting the project with bun.