Sliding Index Menu
A full-screen menu that wipes up from the bottom edge and hands the page over to an oversized link index. The whole rail slides horizontally against the pointer so moving right pulls the far links into reach, and an accent bar chases whichever link is hovered, easing its position and its width at once. Each link swaps to a duplicate copy on a per-character roll. GSAP SplitText with Lenis.
npx shadcn@latest add https://ui.aryank.space/r/sliding-index-menu.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| links | string[] | Index, Persona, Biography, Work, Journal | Index entries. Each renders twice so the hover roll has a copy to swap in. |
| leftColumn / rightColumn | string[] | BLANK contact and credits | Info columns beside the plate. Empty strings become spacing breaks. |
| menuImage | string | Blob-hosted plate | The centered image that scales up when the menu opens. |
| accent | string | #fca311 | Highlighter bar color. |
linkstextThe oversized index entries.
leftColumn / rightColumntextThe two info columns. An empty string renders as a spacer line.
accentcolorThe highlighter bar color.
gsaplenis