NEW
A glass drop magnifies the tab under it, stretches between tabs and bursts into the player.
Animated navigation
Tab bars and navbars with motion that explains itself: a liquid glass drop between tabs, a pill that morphs like the Dynamic Island.
A pill navbar that morphs for notifications, music and search.
Navigation is on screen all the time, so it is the cheapest place to make an app feel finished. These bars are built for touch first, keep their labels readable, and move with springs instead of fixed timings.
React (TypeScript, Tailwind CSS, Framer Motion) and plain HTML versions are both in the download, with PROMPT.md for AI coding tools.
Want all of them? The Shelf has every component in the catalogue for $29, once.
Questions
- Does the tab bar work with Next.js routing?
- Yes. It is a client component, so you call your router when the active tab changes.
- Will it work on iPhone Safari?
- Yes. The glass look uses backdrop-filter, which Safari on iPhone supports.