A tab bar for mobile apps whose selected tab can open a small panel, joined to the tab by a stem, so you can see which tab the panel belongs to instead of having to learn it.
Julien designed it, wrote its geometry, and published it as an open source React component. A React Native version is next.
- 1
- outline: pill, stem and panel
- 3
- pages in a panel, never more
- 0
- runtime dependencies
// the work
It started with a small annoyance: a panel under a tab bar floats, and nothing tells you which tab it came from.
- 01The problema detached panel is just a second tab bar
- 02The ideajoin the panel to its tab with a stem
- 03The proving groundmoviegoers, its website nav and its phone tab bar
connected to its tab
floating free of it
// written by

Julien Hosri
UX advisor · Fractional CTO · Beirut · Dubai
Designs products people actually use. Advises founders, audits broken UX, and leads engineering on demand.