Navigation

Auto-Hide Nav Bar

A sticky top bar that slides up out of view as the visitor scrolls down and slides back in as soon as they scroll up.

Fieldnote

Weekly digest

Scroll down to watch the bar get out of the way, then scroll up even one pixel and it comes right back.

Release notes

Version 3.4 ships faster cold starts, a redesigned settings panel and a lighter mobile bundle.

Usage this month

14,208 requests across 6 projects, up 12% from last month. Peak concurrency stayed under quota.

Team activity

3 new members joined the workspace and 9 pull requests merged since the last sync.

Upcoming maintenance

A short database migration is scheduled for Sunday at 02:00 UTC. Expect a few seconds of latency.

Billing

The workspace is on the Growth plan, renewing October 12. Usage is tracking under the included allowance.

Integrations

Slack and Linear are connected. Add a webhook to forward deploy events to a third channel.

Using Auto-Hide Nav Bar

A sticky top bar that slides up out of view as the visitor scrolls down and slides back in as soon as they scroll up.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: hideThreshold, accentColor, transitionMs, blurBackground

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2318Circle reveal sidebarNavigationA menu panel that opens as a circle growing out of its own toggle, with rows springing up in sequence and the toggle bars folding into a cross.

2309Bubble burst menuNavigationA floating logo pill and toggle that expand into a full screen overlay of oversized pill links, each bursting into place with a springy stagger.

2162Grouped magnify dockNavigationA bottom dock of round icon buttons split into two clusters that grow the closer the pointer gets to each one.

2366Hover slide nav labelsNavigationA vertical navigation list where hovering or focusing a label slides a duplicate copy up into view while the original slides out, so the label appears to refresh itself.

2188Magnifying icon dockNavigationA row of app icons in a translucent bar that grow larger the closer the pointer gets to each one, easing back to normal size when the pointer leaves.

2386Mega nav menuNavigationA horizontal top navigation bar whose triggers open dropdown or mega panels sharing one animated viewport that resizes to fit each panel's content.