rit3zh

rit3zh / expo-motion-tabs

Public

⚡️ Smooth motion tabs for Expo Router

82
3
80% credibility
Found May 18, 2026 at 137 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

expo-motion-tabs is a free component library that adds a premium-feeling animated bottom tab bar to apps built with Expo Router. Instead of a plain static tab bar, it creates a morphing experience where tapping a tab smoothly animates the icon and reveals a floating popup panel with additional options. The library includes a complete working demo showing a podcast/audiobook app with Home, Search, and Profile screens. Developers can easily drop it into their existing apps and customize the popup content for each tab.

How It Works

1
🔍 You discover a sleek tab bar

While browsing for React Native components, you find a beautiful animated tab bar that morphs into popup panels when tapped.

2
📦 You download and explore the demo

You clone the project and run it to see a fully working podcast app with smooth, buttery animations.

3
🔧 You add it to your app

You replace your basic tab bar with this animated version using a simple drop-in replacement.

4
✨ Your tabs come alive

When you tap a tab, the icon morphs and expands into a floating panel with smooth animations that feel premium.

5
🎨 You make it your own

You customize the popup content for each tab, choosing colors and styles that match your app's personality.

🎉 Your app feels polished

Your users get a delightful navigation experience with smooth animations that make your app stand out from the crowd.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 137 to 82 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is expo-motion-tabs?

This is a showcase project demonstrating animated bottom tab navigation for Expo Router apps. It gives you a tab bar where tapping a tab doesn't just switch screens--it morphs the selected tab into a floating popup panel with smooth motion transitions. The whole thing runs on TypeScript with Reanimated 4 for animations and Gesture Handler for interactions.

Why is it gaining traction?

The hook here is that native-feeling tab interactions are notoriously painful to build in React Native. This project shows how to wire together Reanimated 4, Gesture Handler, and Expo Router to get that Apple-style morphing effect where the tab icon expands into a panel. It supports both iOS and Android with platform-specific blur effects. You can drop in your own popup content or use the built-in examples.

Who should use this?

If you're building an Expo Router app and want your bottom tabs to feel more polished than the default implementation, this is worth studying. The demo includes a complete podcast app UI with home, search, and profile screens that show how the tab system integrates with real navigation patterns. It's especially useful for mobile developers who want inspiration for combining gesture-driven UI with standard tab navigation.

Verdict

At 82 stars with minimal documentation and no test coverage, this is a proof-of-concept demo rather than a production-ready library. The credibility score of 0.80% reflects this--the code quality looks solid for a showcase, but there's no package.json with proper exports, no versioning, and the "installation" is just cloning and running. Use it as a reference implementation for your own animations, not as a dependency you can drop into an existing project today.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.