Library
Back to library

COMPONENT / INTERFACE

Marquee Navigation Rail

An editorial route rail pairs large scrolling labels with fixed indices, context notes and a clipped active marquee that stops cleanly on focus.

Ready
LIVE RENDERERDOM / CSS · LIVE INSTANCE
RUNNING
DOM NATIVERESPONSIVEPOINTER SAFE
SIMILAR SYSTEMS03 RELATED RELEASES
01 / InterfaceCommand Palette MatrixOPEN SYSTEM
02 / InterfaceElastic Tab RailOPEN SYSTEM
03 / InterfaceMagnetic DockOPEN SYSTEM
Exported · MIT
RENDERERDOM / CSS
DEPENDENCIESReact + CSS
OUTPUTResponsive component
MOTIONReduced-safe
WHAT IT DOES

An editorial route rail pairs large scrolling labels with fixed indices, context notes and a clipped active marquee that stops cleanly on focus.

BEST FOR
  • Product navigation
  • Account flows
  • Application shells
KEY FEATURES
  • Only the active route enters the clipped marquee layer
  • Fixed indices keep every row scannable while labels move
  • Focus can pause the marquee without changing navigation state
  • A component-specific renderer and control contract—not a palette swap of another release
  • Semantic controls, visible focus and keyboard navigation ship with the visual system
PERFORMANCE

No animation package or external preview asset is required. Layout is container-scoped and decorative motion is disabled when reduced motion is requested.

INTERACTION

Pointer, touch, horizontal trackpad and keyboard states use the same underlying component state.

ACCESSIBILITY

Native landmarks and controls preserve reading order, visible focus and keyboard access. Motion never carries the only meaning.

BEHAVIOR

Built to move without taking over.

  • Only the active route enters the clipped marquee layer
  • Fixed indices keep every row scannable while labels move
  • Focus can pause the marquee without changing navigation state
  • A component-specific renderer and control contract—not a palette swap of another release
  • Semantic controls, visible focus and keyboard navigation ship with the visual system

SOURCE STATUS

Portable implementation included in the verified MIT open-source package.