SchroederNathan

SchroederNathan / linear-tab-bar

Public

Linear style tab bar built in React Native

rnmotion.devanimationslinear-tab-bar expo expo-go react-native
11
0
100% credibility
Found Mar 26, 2026 at 11 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A mobile demo recreating the animated liquid glass tab bar from the Linear app, featuring drag gestures, search expansion, and popup menus with blur effects.

How It Works

1
🔍 Discover the demo

You come across a GitHub project showcasing a stunning glassy bottom bar from a popular productivity app.

2
📱 Open on your phone

Follow the easy guide to load it right onto your mobile device using a simple app runner.

3
✨ See the magic unfold

The tab bar appears with a liquid glass look, blurring and glowing beautifully as you watch.

4
👆 Switch tabs smoothly

Drag or tap the icons to glide between sections like Projects, Discover, and Favorites with fluid motion.

5
🔍 Expand to search

Tap the search spot to stretch it into a full search bar where you can type queries effortlessly.

6
📋 Pull open the menu

Drag upward on the bar to expand a popup menu with options like Inbox and Settings, complete with bouncy animations.

🎉 Enjoy premium feel

You experience haptic buzzes, stretchy interactions, and silky animations, feeling like a top designer app.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 11 to 11 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 linear-tab-bar?

This React Native project delivers a bottom tab bar mimicking Linear's liquid glass design, complete with fluid drag gestures, glowing pill indicators, expandable search, and a popup menu. Built in TypeScript with Expo SDK 55, React Native Reanimated 4, and Gesture Handler, it handles haptic feedback, blur effects, and keyboard-aware transitions out of the box. Developers get a plug-and-play UI for apps needing Linear-style UI, like those handling linear github issues or linear github projects.

Why is it gaining traction?

It nails Linear's signature glassy aesthetics and micro-interactions—drag-to-switch tabs, stretchy overflows, springy menus—without custom physics code. Unlike basic tab libraries, it supports gesture-driven navigation, search morphing, and menu overlays that feel premium, ideal for linear style design in productivity tools. The demo runs instantly via Expo Go, letting devs preview linear github workflow integrations fast.

Who should use this?

React Native devs building task managers, issue trackers, or linear github integration apps who want Linear's polished bar without starting from scratch. Suited for prototyping linear github issues sync, linear github copilot flows, or linear style ui in mobile clients. Skip if you need customizable tabs beyond four icons or non-Expo setups.

Verdict

Grab it for quick Linear-inspired prototypes—docs are solid with a GIF demo and npm install steps—but at 11 stars and 1.0% credibility, it's early-stage with no tests or broad adoption. Fork and tweak for production; treat as inspiration for your linear github automation UI.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.