Liquid Glass Tab Bar

A glass drop magnifies the tab under it, stretches between tabs and bursts into the player.

One payment$3

By buying you agree to the Terms and ask for instant access, so you lose the 14-day withdrawal right. When we still refund

Paid through Stripe. We never see your card.

Want the rest? This $3 counts toward the Shelf for 24 hours.

Want it made for your brand? Custom pieces and landing pages from $300. Tell me what you need

A five-tab glass bar for a phone app. The selected tab sits under a liquid lens that magnifies its icon in lime; it stretches like a drop between tabs, wobbles when it lands and pops the Inbox badge. Scroll and the bar shrinks into a bubble with the mini player beside it. Tap the track and the drop lifts out, swells into a glass ball and bursts into a full-screen player, then falls back into the bar. Real tablist with arrow keys.

What it does

Liquid lens that magnifies the selected tab
Drop stretches with speed, wobbles on landing
Compact bar on scroll + mini player
Drop becomes a full-screen player and falls back
HTML/CSS/JS + React (Vite, TS, Tailwind, Framer Motion)
PROMPT.md for AI coding agents

Stack: HTML · CSS · JavaScript · React · Framer Motion
Reel keyword: TABS, if you came from Instagram
Released: October 20, 2026
Licence: Personal and client projects. Licence

Liquid Glass Tab Bar

Buy