---
name: "@motion-menu"
slug: "motion-menu"
description: "596 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS. 26 free, or $149 once for the rest."
category: "Animated components"
tags: ["3d", "animation", "backgrounds", "charts", "navigation"]
framework: "react"
license: null
author: null
website: "https://motion-menu-two.vercel.app"
github: null
registry: "https://motion-menu-two.vercel.app/r/{name}.json"
pro: false
pro_url: null
github_stars: null
component_count: 0
generated_at: "2026-09-05T09:50:59.044Z"
---

# @motion-menu

596 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS. 26 free, or $149 once for the rest.

## Links

- Website: https://motion-menu-two.vercel.app
- Registry JSON: https://motion-menu-two.vercel.app/r/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/motion-menu
- This file: https://sh4dcn.vercel.app/md/motion-menu.md

## Install

```sh
# fetch the raw registry index
curl -s https://motion-menu-two.vercel.app/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @motion-menu to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/motion-menu.md) for the component list.
2. Fetch the machine-readable index: https://motion-menu-two.vercel.app/r/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: motion-menu).
```