Model Menu 3D
A fullscreen menu overlay built around a lit 3D model: a toggle fades the panel in, a GLB object behind the links reacts to the cursor with eased parallax rotation and a pointer-tracked point light, and each menu label fills with a left-to-right gradient wipe on hover.
npx shadcn@latest add https://ui.aryank.space/r/model-menu-3d.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 |
|---|---|---|---|
| modelSrc | string | BLANK-hosted GLB | The 3D object framed behind the menu links. |
| menuItems | string[] | 8 menu labels | Links shown when the overlay is open. |
| canvasBg | string | "#1a1a1a" | Scene background behind the model. |
menuItemslinksThe menu labels with the gradient hover wipe.
modelSrc / heroImageasset-urlThe GLB object and the hero background.
gsapthree