motion-lexicon

# Motion Lexicon

> Copy-ready React page blocks and components powered by Motion, GSAP, Three.js, WebGL, SVG, and CSS, plus motion primitives and an Agent Skill.

## Core resources

- [Machine-readable catalog](https://motion-lexicon.pages.dev/data/v4/catalog.json): 10 page blocks, 100 components, and 44 motion primitives with bilingual names, descriptions, URLs, and registry metadata.
- [shadcn registry](https://motion-lexicon.pages.dev/r/registry.json): Installable React page block, component, and primitive index.
- [Motion Grammar](https://motion-lexicon.pages.dev/data/v4/motion-grammar.json): Composition rules, timing tokens, and Skill modes.
- [Motion Blueprint schema](https://motion-lexicon.pages.dev/data/v4/motion-blueprint.schema.json): JSON Schema for portable product-motion decisions.

## English

- [Components](https://motion-lexicon.pages.dev/en/components/): Complete React page blocks and copy-ready product interactions.
- [Motion primitives](https://motion-lexicon.pages.dev/en/primitives/): Precise behaviors, timing, and implementation guidance.
- [Animation vocabulary](https://motion-lexicon.pages.dev/en/vocabulary/): 91 bilingual motion terms with definitions, distinctions, and canonical workspaces.
- [Scenario guides](https://motion-lexicon.pages.dev/en/guides/): Long-form motion decisions and production examples.
- [Method](https://motion-lexicon.pages.dev/en/method/): How the library is authored, verified, and maintained.
- [Agent Skill](https://motion-lexicon.pages.dev/en/skill/): Build complete React pages, recommend and compose motion, implement interactions, review code, and contribute candidates.

## 中文

- [组件](https://motion-lexicon.pages.dev/zh/components/): 完整 React 页面 Block 与可直接安装的产品交互。
- [原子动效](https://motion-lexicon.pages.dev/zh/primitives/): 精确的动效行为、节奏与实现规则。
- [动画词汇表](https://motion-lexicon.pages.dev/zh/vocabulary/): 91 个中英双语动效术语，包含定义、辨析和对应工作区。
- [场景指南](https://motion-lexicon.pages.dev/zh/guides/): 深度动效决策与生产示例。
- [方法](https://motion-lexicon.pages.dev/zh/method/): 内容编写、验证与维护方式。
- [Agent Skill](https://motion-lexicon.pages.dev/zh/skill/): 构建完整 React 页面，并推荐、编排、实现、审查和贡献动效。

## Optional

- [Full bilingual reference](https://motion-lexicon.pages.dev/llms-full.txt): Every published component, primitive, and scenario guide.
- [Pricing](https://motion-lexicon.pages.dev/pricing.txt): Free and open-source availability in English and Chinese.
- [Source](https://github.com/Ryan-yang125/motion-lexicon): MIT code, CC BY 4.0 original editorial content, notices, and contribution history.
- [Agent Skill source](https://github.com/Ryan-yang125/motion-lexicon/tree/main/skills/motion-lexicon): Install with `npx skills add Ryan-yang125/motion-lexicon --skill motion-lexicon`.
- [Release 6.0.0](https://github.com/Ryan-yang125/motion-lexicon/releases): Public artifact version 6.0.0, updated 2026-08-19.