Sidebar, folded

A sidebar with many groups that must never hide news.

Get Pro to installPro18 blocksReact, Vue and Figma

Orvain UIComponent library

More in Tab Menu#

App sidebars: a rail of destinations where one row is always the page you are on

A rail that should stay quiet on any surface: no fill, just a line and a mark

A rail that carries a head and a foot, on the dark ink surface

Section switching in a page header: the chosen one named in brand, the rest folded into More

A header nav that sits on the page with no card and may wrap

A header nav whose sections have something to preview

Quiet switching: labels only, where an icon would be noise

Quiet switching in the look of the segmented control

A page whose nav should also name it

Switching where the glyph carries as much as the word

A tight toolbar of sections where only the current one needs its name

A phone bottom bar, or any five-section strip

Four or five sections of one page, switched from a header

Sections of one long page

More sections than a row can hold

App navigation that has to fold away for room

A rail that opens panels instead of widening

A sidebar with many groups that must never hide news

An app with a small, stable set of destinations that does not change as the reader moves between them.
A fixed sidebar rail where every row wants a glyph and a label and the whole row should be the target.
A header row under a page title, where the chosen section should be named in brand ink rather than a weight change.
Switching where the labels are short and an icon would only add noise.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.