Flowing Menu

Liquid flowing active indicator glides between menu items.

Default

Hover a row from the top or bottom edge. The marquee enters from the side the pointer came in on.

Speed15

Text Color

Background Color

Marquee BG Color

Marquee Text Color

Border Color

Prop	Type	Default	Description
`items`	`{ link: string; text: string; image: string }[]`	`[]`	An array of objects containing: link, text, image.
`speed`	`number`	`15`	Duration of the marquee animation in seconds (lower = faster).
`textColor`	`string`	`'#fff'`	Color of the static menu text.
`bgColor`	`string`	`'#120F17'`	Background color of the menu container.
`marqueeBgColor`	`string`	`'#fff'`	Background color of the marquee overlay.
`marqueeTextColor`	`string`	`'#120F17'`	Text color inside the marquee.
`borderColor`	`string`	`'#fff'`	Color of the dividing lines between menu items.

Keyboard shortcuts and ARIA behavior.

Shortcut	Description
`Tab`	Moves focus between the row links.
`Enter`	Follows the focused link.

The marquee layer is aria-hidden and shows on pointer hover only. Each row stays a plain link.