Gooey Nav

Segmented nav where the active pill melts between stops.

Installation

bash

npx shadcn@latest add https://ui.noicess.fun/r/gooey-nav.json

Prop	Type	Default	Description
items	(string \| { label: string; href?: string })[]	-	Segments. Plain strings render buttons, hrefs render anchors.
value / defaultValue	number	- / 0	Controlled active index or the starting index.
onChange	(index: number) => void	-	Called with the picked segment.
activeColor	string	"var(--brand)"	Fill of the blob.