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 @compronents/model-menu-3dInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| 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