// julescript.v1.142

// a document by julien hosri · beirut · dubai

--:--:--

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.

  1. 01The problema detached panel is just a second tab bar
  2. 02The ideajoin the panel to its tab with a stem
  3. 03The proving groundmoviegoers, its website nav and its phone tab bar
// the guideline
connected to its tab
floating free of it