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.

## English page blocks

- [Agent workspace](https://motion-lexicon.pages.dev/en/blocks/agent-workspace/): Organizes missions, thinking, tool execution, human approval, and evidence into one continuous agent product page. [Registry](https://motion-lexicon.pages.dev/r/agent-workspace.json)
- [Product landing](https://motion-lexicon.pages.dev/en/blocks/product-landing/): Connects positioning, collaborative review, and launch action through one continuous release workspace. [Registry](https://motion-lexicon.pages.dev/r/product-landing.json)
- [Analytics dashboard](https://motion-lexicon.pages.dev/en/blocks/analytics-dashboard/): Explores time ranges through stable metrics, trends, and channel structure. [Registry](https://motion-lexicon.pages.dev/r/analytics-dashboard.json)
- [Project dashboard](https://motion-lexicon.pages.dev/en/blocks/project-dashboard/): Organizes milestones, current work, and team activity into one actionable project workspace. [Registry](https://motion-lexicon.pages.dev/r/project-dashboard.json)
- [Support inbox](https://motion-lexicon.pages.dev/en/blocks/support-inbox/): Maintains a clear handling path across queue, conversation, and customer context. [Registry](https://motion-lexicon.pages.dev/r/support-inbox.json)
- [Creative portfolio](https://motion-lexicon.pages.dev/en/blocks/creative-portfolio/): Presents an independent creative practice through work, material studies, and case-story transitions. [Registry](https://motion-lexicon.pages.dev/r/creative-portfolio.json)
- [Commerce storefront](https://motion-lexicon.pages.dev/en/blocks/commerce-storefront/): Organizes product story, detail browsing, volume pricing, and cart confirmation into a complete purchase path. [Registry](https://motion-lexicon.pages.dev/r/commerce-storefront.json)
- [Developer docs](https://motion-lexicon.pages.dev/en/blocks/developer-docs/): Organizes installation, code comparison, command search, and preview output into navigable developer documentation. [Registry](https://motion-lexicon.pages.dev/r/developer-docs.json)
- [Media editorial](https://motion-lexicon.pages.dev/en/blocks/media-editorial/): Browses a complete visual feature through chapters, focus galleries, and scroll-led storytelling. [Registry](https://motion-lexicon.pages.dev/r/media-editorial.json)
- [Onboarding flow](https://motion-lexicon.pages.dev/en/blocks/onboarding-flow/): Organizes account setup, file import, and completion checklist into a successful first-workspace path. [Registry](https://motion-lexicon.pages.dev/r/onboarding-flow.json)

## 中文页面 Blocks

- [Agent 产品工作台](https://motion-lexicon.pages.dev/zh/blocks/agent-workspace/): 把任务、思考、工具执行、人工审批与证据组织成一个连续的 Agent 产品页面。 [Registry](https://motion-lexicon.pages.dev/r/agent-workspace.json)
- [产品发布页](https://motion-lexicon.pages.dev/zh/blocks/product-landing/): 用一个连续的发布工作台连接产品定位、协作审阅与上线行动。 [Registry](https://motion-lexicon.pages.dev/r/product-landing.json)
- [数据分析台](https://motion-lexicon.pages.dev/zh/blocks/analytics-dashboard/): 通过稳定的指标、趋势和渠道结构完成时间范围分析。 [Registry](https://motion-lexicon.pages.dev/r/analytics-dashboard.json)
- [项目执行台](https://motion-lexicon.pages.dev/zh/blocks/project-dashboard/): 把里程碑、当前任务和团队活动组织成一个可推进的项目工作区。 [Registry](https://motion-lexicon.pages.dev/r/project-dashboard.json)
- [客户支持收件箱](https://motion-lexicon.pages.dev/zh/blocks/support-inbox/): 在队列、对话与客户上下文之间维持清楚的处理路径。 [Registry](https://motion-lexicon.pages.dev/r/support-inbox.json)
- [创意作品集](https://motion-lexicon.pages.dev/zh/blocks/creative-portfolio/): 通过作品、材质研究和案例叙事呈现独立创意实践。 [Registry](https://motion-lexicon.pages.dev/r/creative-portfolio.json)
- [商业店铺](https://motion-lexicon.pages.dev/zh/blocks/commerce-storefront/): 将产品叙事、细节浏览、批量定价和购物车确认组织为完整购买路径。 [Registry](https://motion-lexicon.pages.dev/r/commerce-storefront.json)
- [开发者文档](https://motion-lexicon.pages.dev/zh/blocks/developer-docs/): 把安装、代码比较、命令检索和预览结果组织成可导航的开发者文档。 [Registry](https://motion-lexicon.pages.dev/r/developer-docs.json)
- [媒体编辑特辑](https://motion-lexicon.pages.dev/zh/blocks/media-editorial/): 以章节、焦点画廊和滚动叙事浏览完整的视觉报道。 [Registry](https://motion-lexicon.pages.dev/r/media-editorial.json)
- [引导流程](https://motion-lexicon.pages.dev/zh/blocks/onboarding-flow/): 以账户设置、文件导入和完成清单组织首个工作区的成功路径。 [Registry](https://motion-lexicon.pages.dev/r/onboarding-flow.json)

## English components

- [Agent thinking trace](https://motion-lexicon.pages.dev/en/components/agent-thinking-trace/): Organizes reasoning phases, current focus, and elapsed time into an expandable evidence trail. [Registry](https://motion-lexicon.pages.dev/r/agent-thinking-trace.json)
- [Streaming answer](https://motion-lexicon.pages.dev/en/components/streaming-answer/): Brings generated text, cited sources, and follow-up prompts into one progressive answer. [Registry](https://motion-lexicon.pages.dev/r/streaming-answer.json)
- [Tool call stack](https://motion-lexicon.pages.dev/en/components/tool-call-stack/): Collects search, write, command, and failure states into an inspectable execution record. [Registry](https://motion-lexicon.pages.dev/r/tool-call-stack.json)
- [Human approval flow](https://motion-lexicon.pages.dev/en/components/approval-flow/): Carries recommendations, custom instructions, and explicit confirmation before an agent acts. [Registry](https://motion-lexicon.pages.dev/r/approval-flow.json)
- [Task progress](https://motion-lexicon.pages.dev/en/components/task-progress/): Presents queued, active, blocked, failed, recovered, and complete work across compact and expanded layouts. [Registry](https://motion-lexicon.pages.dev/r/task-progress.json)
- [Agent prompt composer](https://motion-lexicon.pages.dev/en/components/prompt-composer/): Combines sources, attachments, model choice, voice, and sending into one focused input surface. [Registry](https://motion-lexicon.pages.dev/r/prompt-composer.json)
- [Context sources](https://motion-lexicon.pages.dev/en/components/context-sources/): Presents retrieved chunks, provenance, and relevance with focused disclosure. [Registry](https://motion-lexicon.pages.dev/r/context-sources.json)
- [Diff review](https://motion-lexicon.pages.dev/en/components/diff-review/): Reviews agent-proposed field edits with explicit per-change decisions. [Registry](https://motion-lexicon.pages.dev/r/diff-review.json)
- [Multi-agent handoff](https://motion-lexicon.pages.dev/en/components/multi-agent-handoff/): Moves task ownership, artifacts, and the next responsible agent along one continuous relay. [Registry](https://motion-lexicon.pages.dev/r/multi-agent-handoff.json)
- [Copy button](https://motion-lexicon.pages.dev/en/components/copy-button/): Reports clipboard state in place without shifting nearby content. [Registry](https://motion-lexicon.pages.dev/r/copy-button.json)
- [Loading button](https://motion-lexicon.pages.dev/en/components/loading-button/): Keeps pending, success, and error feedback inside one action. [Registry](https://motion-lexicon.pages.dev/r/loading-button.json)
- [Hold action](https://motion-lexicon.pages.dev/en/components/hold-action/): Protects high-risk actions with cancellable touch, pointer, and keyboard progress. [Registry](https://motion-lexicon.pages.dev/r/hold-action.json)
- [Command palette](https://motion-lexicon.pages.dev/en/components/command-palette/): Combines search, keyboard navigation, and deliberate focus management. [Registry](https://motion-lexicon.pages.dev/r/command-palette.json)
- [Context menu](https://motion-lexicon.pages.dev/en/components/context-menu/): Opens from the trigger coordinate and stays inside the viewport. [Registry](https://motion-lexicon.pages.dev/r/context-menu.json)
- [Drawer](https://motion-lexicon.pages.dev/en/components/drawer/): Includes focus containment, drag dismissal, and interruptible spring motion. [Registry](https://motion-lexicon.pages.dev/r/drawer.json)
- [Dropdown](https://motion-lexicon.pages.dev/en/components/dropdown/): Moves selection continuously with full keyboard behavior. [Registry](https://motion-lexicon.pages.dev/r/dropdown.json)
- [Modal](https://motion-lexicon.pages.dev/en/components/modal/): Handles focus, backdrop, exit, and async confirmation as one flow. [Registry](https://motion-lexicon.pages.dev/r/modal.json)
- [Popover](https://motion-lexicon.pages.dev/en/components/popover/): Derives its reveal origin from the trigger and available space. [Registry](https://motion-lexicon.pages.dev/r/popover.json)
- [Expanding search](https://motion-lexicon.pages.dev/en/components/expanding-search/): Expands from a toolbar action into a focused search field. [Registry](https://motion-lexicon.pages.dev/r/expanding-search.json)
- [Inline validation](https://motion-lexicon.pages.dev/en/components/inline-validation/): Places pending, error, and success states next to the input. [Registry](https://motion-lexicon.pages.dev/r/inline-validation.json)
- [OTP input](https://motion-lexicon.pages.dev/en/components/otp-input/): Coordinates typing, paste, error, and success feedback. [Registry](https://motion-lexicon.pages.dev/r/otp-input.json)
- [Password strength](https://motion-lexicon.pages.dev/en/components/password-strength/): Makes rule checks and strength changes legible as one response. [Registry](https://motion-lexicon.pages.dev/r/password-strength.json)
- [Slider detents](https://motion-lexicon.pages.dev/en/components/slider-detents/): Snaps to meaningful detents while preserving continuous input. [Registry](https://motion-lexicon.pages.dev/r/slider-detents.json)
- [Tag input](https://motion-lexicon.pages.dev/en/components/tag-input/): Gives clear feedback for adding, removing, and rejecting tags. [Registry](https://motion-lexicon.pages.dev/r/tag-input.json)
- [Accordion](https://motion-lexicon.pages.dev/en/components/accordion/): Keeps content height and disclosure state visually continuous. [Registry](https://motion-lexicon.pages.dev/r/accordion.json)
- [Hide on scroll](https://motion-lexicon.pages.dev/en/components/hide-on-scroll/): Hides and restores a toolbar in response to scroll direction. [Registry](https://motion-lexicon.pages.dev/r/hide-on-scroll.json)
- [Segmented control](https://motion-lexicon.pages.dev/en/components/segmented-control/): Carries one shared highlight between options. [Registry](https://motion-lexicon.pages.dev/r/segmented-control.json)
- [Tabs](https://motion-lexicon.pages.dev/en/components/tabs/): Coordinates the indicator, direction, and panel change. [Registry](https://motion-lexicon.pages.dev/r/tabs.json)
- [Filter grid](https://motion-lexicon.pages.dev/en/components/filter-grid/): Preserves spatial continuity as filtered results rearrange. [Registry](https://motion-lexicon.pages.dev/r/filter-grid.json)
- [Reorder list](https://motion-lexicon.pages.dev/en/components/reorder-list/): Provides clear drop position for pointer and keyboard reordering. [Registry](https://motion-lexicon.pages.dev/r/reorder-list.json)
- [Sortable table](https://motion-lexicon.pages.dev/en/components/sortable-table/): Explains sorting through row position while keeping data readable. [Registry](https://motion-lexicon.pages.dev/r/sortable-table.json)
- [Progress bar](https://motion-lexicon.pages.dev/en/components/progress-bar/): Covers pending, determinate, and complete progress states. [Registry](https://motion-lexicon.pages.dev/r/progress-bar.json)
- [Value flash](https://motion-lexicon.pages.dev/en/components/value-flash/): Explains value changes with direction and brief color feedback. [Registry](https://motion-lexicon.pages.dev/r/value-flash.json)
- [Magnetic action](https://motion-lexicon.pages.dev/en/components/magnetic-action/): Lets a primary action lean toward a nearby pointer and settle cleanly on release. [Registry](https://motion-lexicon.pages.dev/r/magnetic-action.json)
- [Theme reveal](https://motion-lexicon.pages.dev/en/components/theme-reveal/): Reveals a new theme outward from the exact toggle point. [Registry](https://motion-lexicon.pages.dev/r/theme-reveal.json)
- [Mega menu](https://motion-lexicon.pages.dev/en/components/mega-menu/): Keeps highlight, panel, and focus movement in one continuous navigation path. [Registry](https://motion-lexicon.pages.dev/r/mega-menu.json)
- [Floating dock](https://motion-lexicon.pages.dev/en/components/floating-dock/): Scales nearby destinations with restrained spring response to pointer distance. [Registry](https://motion-lexicon.pages.dev/r/floating-dock.json)
- [Voice capture](https://motion-lexicon.pages.dev/en/components/voice-capture/): Coordinates recording, levels, pause, and completion inside one input surface. [Registry](https://motion-lexicon.pages.dev/r/voice-capture.json)
- [Toast stack](https://motion-lexicon.pages.dev/en/components/toast-stack/): Layers incoming notices into a stack that expands and dismisses by swipe or keyboard. [Registry](https://motion-lexicon.pages.dev/r/toast-stack.json)
- [Upload queue](https://motion-lexicon.pages.dev/en/components/upload-queue/): Turns file intake, per-item progress, retry, and completion into one compact flow. [Registry](https://motion-lexicon.pages.dev/r/upload-queue.json)
- [Skeleton reveal](https://motion-lexicon.pages.dev/en/components/skeleton-reveal/): Shares stable geometry between skeleton and content for a composed handoff. [Registry](https://motion-lexicon.pages.dev/r/skeleton-reveal.json)
- [Activity feed](https://motion-lexicon.pages.dev/en/components/activity-feed/): Preserves date groups and the unread boundary as live activity arrives. [Registry](https://motion-lexicon.pages.dev/r/activity-feed.json)
- [Integration map](https://motion-lexicon.pages.dev/en/components/integration-map/): Explains system relationships through nodes, routed links, and moving signals. [Registry](https://motion-lexicon.pages.dev/r/integration-map.json)
- [Cursor lens](https://motion-lexicon.pages.dev/en/components/cursor-lens/): Compares two states of the same media through a movable detail lens. [Registry](https://motion-lexicon.pages.dev/r/cursor-lens.json)
- [Media carousel](https://motion-lexicon.pages.dev/en/components/media-carousel/): Keeps native drag inertia, deliberate snap positions, and keyboard navigation across media cards. [Registry](https://motion-lexicon.pages.dev/r/media-carousel.json)
- [Gallery lightbox](https://motion-lexicon.pages.dev/en/components/image-lightbox/): Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing. [Registry](https://motion-lexicon.pages.dev/r/image-lightbox.json)
- [Scroll story](https://motion-lexicon.pages.dev/en/components/scroll-story/): Binds local scroll progress to chapters that progressively reshape a product scene. [Registry](https://motion-lexicon.pages.dev/r/scroll-story.json)
- [3D product viewer](https://motion-lexicon.pages.dev/en/components/procedural-product-viewer/): Presents a procedural 3D product with drag inspection, inertia, and recentering. [Registry](https://motion-lexicon.pages.dev/r/procedural-product-viewer.json)
- [Dither reveal card](https://motion-lexicon.pages.dev/en/components/dither-reveal-card/): Advances a pixel-dither threshold so imagery develops with a tactile texture. [Registry](https://motion-lexicon.pages.dev/r/dither-reveal-card.json)
- [Network globe](https://motion-lexicon.pages.dev/en/components/network-globe/): Maps global connections across a 3D globe with nodes, arcs, and selectable focus. [Registry](https://motion-lexicon.pages.dev/r/network-globe.json)
- [Kinetic logo exchange](https://motion-lexicon.pages.dev/en/components/kinetic-logo-exchange/): Reorders and reveals brand marks in a kinetic queue that yields to user selection. [Registry](https://motion-lexicon.pages.dev/r/kinetic-logo-exchange.json)
- [Spotlight bento](https://motion-lexicon.pages.dev/en/components/spotlight-bento/): Carries one continuous spotlight across multiple tiles to unify the bento surface. [Registry](https://motion-lexicon.pages.dev/r/spotlight-bento.json)
- [Scroll media expansion](https://motion-lexicon.pages.dev/en/components/scroll-media-expansion/): Expands contained media into an immersive hero through chapter scrolling. [Registry](https://motion-lexicon.pages.dev/r/scroll-media-expansion.json)
- [Device scroll reveal](https://motion-lexicon.pages.dev/en/components/device-scroll-reveal/): Advances product screens, chapter copy, and product state inside a device frame. [Registry](https://motion-lexicon.pages.dev/r/device-scroll-reveal.json)
- [Cinematic hero](https://motion-lexicon.pages.dev/en/components/cinematic-hero/): Uses image, typography, and action to establish a paced brand opening. [Registry](https://motion-lexicon.pages.dev/r/cinematic-hero.json)
- [Shader hero](https://motion-lexicon.pages.dev/en/components/shader-hero/): Uses a low-power WebGL field that reshapes around pointer intent. [Registry](https://motion-lexicon.pages.dev/r/shader-hero.json)
- [Split screen reveal](https://motion-lexicon.pages.dev/en/components/split-screen-reveal/): Connects two product states or story perspectives with a draggable boundary. [Registry](https://motion-lexicon.pages.dev/r/split-screen-reveal.json)
- [Screenshot stack](https://motion-lexicon.pages.dev/en/components/screenshot-stack/): Presents multiple product surfaces in depth while retaining the active focus. [Registry](https://motion-lexicon.pages.dev/r/screenshot-stack.json)
- [Terminal hero](https://motion-lexicon.pages.dev/en/components/terminal-hero/): Demonstrates a developer workflow and result through progressive commands. [Registry](https://motion-lexicon.pages.dev/r/terminal-hero.json)
- [Product orbit hero](https://motion-lexicon.pages.dev/en/components/product-orbit-hero/): Arranges capabilities around a central product object with synchronized focus copy. [Registry](https://motion-lexicon.pages.dev/r/product-orbit-hero.json)
- [Expandable card](https://motion-lexicon.pages.dev/en/components/expandable-card/): Expands a compact story card in place into a full reading surface. [Registry](https://motion-lexicon.pages.dev/r/expandable-card.json)
- [Focus gallery](https://motion-lexicon.pages.dev/en/components/focus-gallery/): Lets one image gain focus while neighboring media yields. [Registry](https://motion-lexicon.pages.dev/r/focus-gallery.json)
- [Card stack](https://motion-lexicon.pages.dev/en/components/card-stack/): Browses stacked records or stories in a compact space. [Registry](https://motion-lexicon.pages.dev/r/card-stack.json)
- [Animated testimonials](https://motion-lexicon.pages.dev/en/components/animated-testimonials/): Transitions portrait, quote, attribution, and progress as one evidence unit. [Registry](https://motion-lexicon.pages.dev/r/animated-testimonials.json)
- [Coverflow gallery](https://motion-lexicon.pages.dev/en/components/coverflow-gallery/): Browses media with depth, snapping, and keyboard control. [Registry](https://motion-lexicon.pages.dev/r/coverflow-gallery.json)
- [Image trail](https://motion-lexicon.pages.dev/en/components/image-trail/): Generates and retires restrained image fragments along pointer or drag paths. [Registry](https://motion-lexicon.pages.dev/r/image-trail.json)
- [Pixelated image](https://motion-lexicon.pages.dev/en/components/pixelated-image/): Uses image resolution as a controllable reveal and transition material. [Registry](https://motion-lexicon.pages.dev/r/pixelated-image.json)
- [Chromatic image](https://motion-lexicon.pages.dev/en/components/chromatic-image/): Adds controlled color-channel displacement to editorial media on focus. [Registry](https://motion-lexicon.pages.dev/r/chromatic-image.json)
- [Code comparison](https://motion-lexicon.pages.dev/en/components/code-comparison/): Binds implementation differences and rendered output inside one switchable comparison surface. [Registry](https://motion-lexicon.pages.dev/r/code-comparison.json)
- [Before and after comparison](https://motion-lexicon.pages.dev/en/components/before-after-comparison/): Compares two complete image states through a stable boundary. [Registry](https://motion-lexicon.pages.dev/r/before-after-comparison.json)
- [Split text reveal](https://motion-lexicon.pages.dev/en/components/split-text-reveal/): Reveals a heading by word or character while retaining complete static legibility. [Registry](https://motion-lexicon.pages.dev/r/split-text-reveal.json)
- [Text scramble](https://motion-lexicon.pages.dev/en/components/text-scramble/): Transitions technical labels and status through quick character substitution. [Registry](https://motion-lexicon.pages.dev/r/text-scramble.json)
- [Text morph](https://motion-lexicon.pages.dev/en/components/text-morph/): Moves between related phrases within a fixed reading rhythm and stable width. [Registry](https://motion-lexicon.pages.dev/r/text-morph.json)
- [Text loop](https://motion-lexicon.pages.dev/en/components/text-loop/): Cycles compact, operable messages inside a badge or inline space. [Registry](https://motion-lexicon.pages.dev/r/text-loop.json)
- [Scroll velocity](https://motion-lexicon.pages.dev/en/components/scroll-velocity/): Lets background typography respond briefly to page velocity and settle readable at rest. [Registry](https://motion-lexicon.pages.dev/r/scroll-velocity.json)
- [Kinetic heading](https://motion-lexicon.pages.dev/en/components/kinetic-heading/): Changes display-heading spacing, weight, and tension through pointer or keyboard input. [Registry](https://motion-lexicon.pages.dev/r/kinetic-heading.json)
- [Dynamic toolbar](https://motion-lexicon.pages.dev/en/components/dynamic-toolbar/): Expands compact actions around the current task while retaining a clear primary entry. [Registry](https://motion-lexicon.pages.dev/r/dynamic-toolbar.json)
- [Resizable sidebar](https://motion-lexicon.pages.dev/en/components/resizable-sidebar/): Preserves navigation context while a product sidebar resizes or collapses. [Registry](https://motion-lexicon.pages.dev/r/resizable-sidebar.json)
- [Notification center](https://motion-lexicon.pages.dev/en/components/notification-center/): Expands transient notices into a readable, actionable grouped history. [Registry](https://motion-lexicon.pages.dev/r/notification-center.json)
- [Mobile bottom sheet](https://motion-lexicon.pages.dev/en/components/mobile-bottom-sheet/): Presents mobile actions and detail in a draggable, focus-managed bottom sheet. [Registry](https://motion-lexicon.pages.dev/r/mobile-bottom-sheet.json)
- [Page transition stack](https://motion-lexicon.pages.dev/en/components/page-transition-stack/): Preserves route origin and destination meaning through layered page depth. [Registry](https://motion-lexicon.pages.dev/r/page-transition-stack.json)
- [Hover preview](https://motion-lexicon.pages.dev/en/components/hover-preview/): Previews a destination without leaving place, with keyboard and touch pinning support. [Registry](https://motion-lexicon.pages.dev/r/hover-preview.json)
- [Workspace switcher](https://motion-lexicon.pages.dev/en/components/workspace-switcher/): Manages workspace identity, recent state, and selection changes in a compact control. [Registry](https://motion-lexicon.pages.dev/r/workspace-switcher.json)
- [File dropzone](https://motion-lexicon.pages.dev/en/components/file-dropzone/): Accepts files through drag, picker, and paste with clear intake feedback. [Registry](https://motion-lexicon.pages.dev/r/file-dropzone.json)
- [Multi-step form](https://motion-lexicon.pages.dev/en/components/multi-step-form/): Maintains step direction, validation, pending state, and saved progress in a short flow. [Registry](https://motion-lexicon.pages.dev/r/multi-step-form.json)
- [Sign-in flow](https://motion-lexicon.pages.dev/en/components/sign-in-flow/): Coordinates identity input, pending, error, and success while retaining entered context. [Registry](https://motion-lexicon.pages.dev/r/sign-in-flow.json)
- [Onboarding checklist](https://motion-lexicon.pages.dev/en/components/onboarding-checklist/): Turns setup tasks into a product surface with progress and next-step clarity. [Registry](https://motion-lexicon.pages.dev/r/onboarding-checklist.json)
- [Date range picker](https://motion-lexicon.pages.dev/en/components/date-range-picker/): Distinguishes hover, provisional, confirmed range, and presets inside a calendar grid. [Registry](https://motion-lexicon.pages.dev/r/date-range-picker.json)
- [Animated combobox](https://motion-lexicon.pages.dev/en/components/animated-combobox/): Searches and selects a changing result set while preserving keyboard position. [Registry](https://motion-lexicon.pages.dev/r/animated-combobox.json)
- [Inline edit](https://motion-lexicon.pages.dev/en/components/inline-edit/): Handles read, edit, save, error, and commit states inside shared geometry. [Registry](https://motion-lexicon.pages.dev/r/inline-edit.json)
- [Animated empty state](https://motion-lexicon.pages.dev/en/components/animated-empty-state/): Moves a valid empty state directly toward one clear first action and result. [Registry](https://motion-lexicon.pages.dev/r/animated-empty-state.json)
- [Metric ticker](https://motion-lexicon.pages.dev/en/components/metric-ticker/): Presents KPI, direction, and comparison period as one readable update. [Registry](https://motion-lexicon.pages.dev/r/metric-ticker.json)
- [Animated chart](https://motion-lexicon.pages.dev/en/components/animated-chart/): Compares data ranges and series changes while keeping labels and focus stable. [Registry](https://motion-lexicon.pages.dev/r/animated-chart.json)
- [Changelog timeline](https://motion-lexicon.pages.dev/en/components/changelog-timeline/): Presents product or project history with progressive focus. [Registry](https://motion-lexicon.pages.dev/r/changelog-timeline.json)
- [Kanban board](https://motion-lexicon.pages.dev/en/components/kanban-board/): Moves work across columns while responding through destination, count, and surrounding cards. [Registry](https://motion-lexicon.pages.dev/r/kanban-board.json)
- [Pricing calculator](https://motion-lexicon.pages.dev/en/components/pricing-calculator/): Explains changing price through quantity, tier, and billing interval. [Registry](https://motion-lexicon.pages.dev/r/pricing-calculator.json)
- [Add-to-cart morph](https://motion-lexicon.pages.dev/en/components/add-to-cart-morph/): Connects product selection continuously to a persistent cart confirmation state. [Registry](https://motion-lexicon.pages.dev/r/add-to-cart-morph.json)
- [Aurora canvas](https://motion-lexicon.pages.dev/en/components/aurora-canvas/): Provides a branded atmospheric field that breathes slowly while visible. [Registry](https://motion-lexicon.pages.dev/r/aurora-canvas.json)
- [Grid distortion](https://motion-lexicon.pages.dev/en/components/grid-distortion/): Bends a grid or media surface around input and returns it smoothly. [Registry](https://motion-lexicon.pages.dev/r/grid-distortion.json)
- [Fluid glass surface](https://motion-lexicon.pages.dev/en/components/fluid-glass-surface/): Creates a refractive glass surface for focused controls or media while preserving legibility. [Registry](https://motion-lexicon.pages.dev/r/fluid-glass-surface.json)

## 中文组件

- [Agent 思考轨迹](https://motion-lexicon.pages.dev/zh/components/agent-thinking-trace/): 把推理阶段、当前焦点与耗时组织成一条可展开的证据轨。 [Registry](https://motion-lexicon.pages.dev/r/agent-thinking-trace.json)
- [流式回答](https://motion-lexicon.pages.dev/zh/components/streaming-answer/): 让生成文本、引用来源与追问建议在同一回答中逐步到位。 [Registry](https://motion-lexicon.pages.dev/r/streaming-answer.json)
- [工具调用堆栈](https://motion-lexicon.pages.dev/zh/components/tool-call-stack/): 把搜索、写入、命令和失败状态收拢成可检查的执行记录。 [Registry](https://motion-lexicon.pages.dev/r/tool-call-stack.json)
- [人工审批流程](https://motion-lexicon.pages.dev/zh/components/approval-flow/): 在 Agent 执行动作前承载推荐项、自定义指令与明确确认。 [Registry](https://motion-lexicon.pages.dev/r/approval-flow.json)
- [任务进度](https://motion-lexicon.pages.dev/zh/components/task-progress/): 在紧凑与展开布局中呈现队列、执行、阻塞、失败、恢复和完成状态。 [Registry](https://motion-lexicon.pages.dev/r/task-progress.json)
- [Agent 提示词编辑器](https://motion-lexicon.pages.dev/zh/components/prompt-composer/): 把来源、附件、模型、语音与发送操作组织成一个清晰输入面。 [Registry](https://motion-lexicon.pages.dev/r/prompt-composer.json)
- [上下文来源卡](https://motion-lexicon.pages.dev/zh/components/context-sources/): 展示 Agent 检索到的片段、来源与相关度，并支持局部展开。 [Registry](https://motion-lexicon.pages.dev/r/context-sources.json)
- [修改对比评审](https://motion-lexicon.pages.dev/zh/components/diff-review/): 逐项接受或拒绝 Agent 提出的字段修改。 [Registry](https://motion-lexicon.pages.dev/r/diff-review.json)
- [多 Agent 交接](https://motion-lexicon.pages.dev/zh/components/multi-agent-handoff/): 让任务、产物和下一位负责人沿同一条交接轨连续移动。 [Registry](https://motion-lexicon.pages.dev/r/multi-agent-handoff.json)
- [复制按钮](https://motion-lexicon.pages.dev/zh/components/copy-button/): 复制完成后原位切换状态，宽度保持稳定。 [Registry](https://motion-lexicon.pages.dev/r/copy-button.json)
- [加载按钮](https://motion-lexicon.pages.dev/zh/components/loading-button/): 把等待、成功与失败收进同一个操作位置。 [Registry](https://motion-lexicon.pages.dev/r/loading-button.json)
- [长按操作](https://motion-lexicon.pages.dev/zh/components/hold-action/): 用可取消进度保护触控、指针和键盘触发的高风险操作。 [Registry](https://motion-lexicon.pages.dev/r/hold-action.json)
- [命令面板](https://motion-lexicon.pages.dev/zh/components/command-palette/): 搜索、键盘导航与焦点管理完整配合。 [Registry](https://motion-lexicon.pages.dev/r/command-palette.json)
- [上下文菜单](https://motion-lexicon.pages.dev/zh/components/context-menu/): 从触发坐标展开，并自动避开视口边缘。 [Registry](https://motion-lexicon.pages.dev/r/context-menu.json)
- [抽屉](https://motion-lexicon.pages.dev/zh/components/drawer/): 支持焦点锁定、拖拽关闭与可中断弹簧。 [Registry](https://motion-lexicon.pages.dev/r/drawer.json)
- [下拉选择](https://motion-lexicon.pages.dev/zh/components/dropdown/): 选项高亮连续移动，键盘操作完整。 [Registry](https://motion-lexicon.pages.dev/r/dropdown.json)
- [模态框](https://motion-lexicon.pages.dev/zh/components/modal/): 稳定处理焦点、遮罩、退出与异步确认。 [Registry](https://motion-lexicon.pages.dev/r/modal.json)
- [气泡浮层](https://motion-lexicon.pages.dev/zh/components/popover/): 根据触发点与空间方向确定展开原点。 [Registry](https://motion-lexicon.pages.dev/r/popover.json)
- [展开搜索](https://motion-lexicon.pages.dev/zh/components/expanding-search/): 从工具栏动作自然展开为完整搜索框。 [Registry](https://motion-lexicon.pages.dev/r/expanding-search.json)
- [行内校验](https://motion-lexicon.pages.dev/zh/components/inline-validation/): 把等待、错误和通过状态放在输入旁边。 [Registry](https://motion-lexicon.pages.dev/r/inline-validation.json)
- [验证码输入](https://motion-lexicon.pages.dev/zh/components/otp-input/): 输入、粘贴、错误与成功反馈连续发生。 [Registry](https://motion-lexicon.pages.dev/r/otp-input.json)
- [密码强度](https://motion-lexicon.pages.dev/zh/components/password-strength/): 规则检查与强度变化保持清晰节奏。 [Registry](https://motion-lexicon.pages.dev/r/password-strength.json)
- [刻度滑块](https://motion-lexicon.pages.dev/zh/components/slider-detents/): 拖动时吸附语义刻度，并保留连续值。 [Registry](https://motion-lexicon.pages.dev/r/slider-detents.json)
- [标签输入](https://motion-lexicon.pages.dev/zh/components/tag-input/): 新增、删除和拒绝状态都有明确反馈。 [Registry](https://motion-lexicon.pages.dev/r/tag-input.json)
- [折叠面板](https://motion-lexicon.pages.dev/zh/components/accordion/): 内容高度与开合状态保持连续。 [Registry](https://motion-lexicon.pages.dev/r/accordion.json)
- [滚动隐藏栏](https://motion-lexicon.pages.dev/zh/components/hide-on-scroll/): 跟随滚动方向收起与恢复工具栏。 [Registry](https://motion-lexicon.pages.dev/r/hide-on-scroll.json)
- [分段控制](https://motion-lexicon.pages.dev/zh/components/segmented-control/): 共享高亮在选项之间连续移动。 [Registry](https://motion-lexicon.pages.dev/r/segmented-control.json)
- [标签页](https://motion-lexicon.pages.dev/zh/components/tabs/): 指示器、方向与内容切换保持一致。 [Registry](https://motion-lexicon.pages.dev/r/tabs.json)
- [筛选网格](https://motion-lexicon.pages.dev/zh/components/filter-grid/): 筛选结果重新排列时维持空间连续性。 [Registry](https://motion-lexicon.pages.dev/r/filter-grid.json)
- [拖拽排序列表](https://motion-lexicon.pages.dev/zh/components/reorder-list/): 指针拖拽与键盘排序共享清晰落点。 [Registry](https://motion-lexicon.pages.dev/r/reorder-list.json)
- [可排序表格](https://motion-lexicon.pages.dev/zh/components/sortable-table/): 排序变化通过行位置表达，数据保持可读。 [Registry](https://motion-lexicon.pages.dev/r/sortable-table.json)
- [进度条](https://motion-lexicon.pages.dev/zh/components/progress-bar/): 支持等待、确定进度与完成三个阶段。 [Registry](https://motion-lexicon.pages.dev/r/progress-bar.json)
- [数值变化](https://motion-lexicon.pages.dev/zh/components/value-flash/): 用方向与短暂颜色反馈解释数值变化。 [Registry](https://motion-lexicon.pages.dev/r/value-flash.json)
- [磁吸主按钮](https://motion-lexicon.pages.dev/zh/components/magnetic-action/): 指针靠近时按钮轻量迎向触点，离开后自然回正。 [Registry](https://motion-lexicon.pages.dev/r/magnetic-action.json)
- [主题揭幕](https://motion-lexicon.pages.dev/zh/components/theme-reveal/): 从切换触点扩散新主题，保持页面内容连续。 [Registry](https://motion-lexicon.pages.dev/r/theme-reveal.json)
- [大型导航菜单](https://motion-lexicon.pages.dev/zh/components/mega-menu/): 高亮、面板和焦点路径共同维持导航上下文。 [Registry](https://motion-lexicon.pages.dev/r/mega-menu.json)
- [浮动程序坞](https://motion-lexicon.pages.dev/zh/components/floating-dock/): 图标随指针距离获得克制的弹性放大。 [Registry](https://motion-lexicon.pages.dev/r/floating-dock.json)
- [语音输入器](https://motion-lexicon.pages.dev/zh/components/voice-capture/): 录制、声级、暂停和完成在同一输入器中连续切换。 [Registry](https://motion-lexicon.pages.dev/r/voice-capture.json)
- [通知堆栈](https://motion-lexicon.pages.dev/zh/components/toast-stack/): 通知按层级进入、展开，并支持滑动或键盘关闭。 [Registry](https://motion-lexicon.pages.dev/r/toast-stack.json)
- [文件上传队列](https://motion-lexicon.pages.dev/zh/components/upload-queue/): 把文件接收、逐项进度、重试和完成收拢成一个流程。 [Registry](https://motion-lexicon.pages.dev/r/upload-queue.json)
- [内容成形加载](https://motion-lexicon.pages.dev/zh/components/skeleton-reveal/): 骨架与真实内容共用稳定几何，载入后进行双层交接。 [Registry](https://motion-lexicon.pages.dev/r/skeleton-reveal.json)
- [实时动态流](https://motion-lexicon.pages.dev/zh/components/activity-feed/): 新动态插入、日期分组和未读位置保持连续。 [Registry](https://motion-lexicon.pages.dev/r/activity-feed.json)
- [集成关系图](https://motion-lexicon.pages.dev/zh/components/integration-map/): 节点、连接路径与流动信号共同解释系统关系。 [Registry](https://motion-lexicon.pages.dev/r/integration-map.json)
- [局部对比镜](https://motion-lexicon.pages.dev/zh/components/cursor-lens/): 通过可移动镜片局部比较同一媒体的两个状态。 [Registry](https://motion-lexicon.pages.dev/r/cursor-lens.json)
- [惯性媒体轮播](https://motion-lexicon.pages.dev/zh/components/media-carousel/): 媒体卡片保留原生拖动惯性、吸附位置与键盘导航。 [Registry](https://motion-lexicon.pages.dev/r/media-carousel.json)
- [连续画廊灯箱](https://motion-lexicon.pages.dev/zh/components/image-lightbox/): 缩略图连续扩展为沉浸画面，并完整管理焦点与键盘浏览。 [Registry](https://motion-lexicon.pages.dev/r/image-lightbox.json)
- [滚动产品叙事](https://motion-lexicon.pages.dev/zh/components/scroll-story/): 将章节进度绑定到局部滚动，逐步改写产品画面。 [Registry](https://motion-lexicon.pages.dev/r/scroll-story.json)
- [三维产品查看器](https://motion-lexicon.pages.dev/zh/components/procedural-product-viewer/): 程序化三维产品支持拖拽观察、惯性和回正。 [Registry](https://motion-lexicon.pages.dev/r/procedural-product-viewer.json)
- [抖动显影卡](https://motion-lexicon.pages.dev/zh/components/dither-reveal-card/): 像素抖动阈值随交互推进，让图像以材质感逐步显现。 [Registry](https://motion-lexicon.pages.dev/r/dither-reveal-card.json)
- [交互网络地球](https://motion-lexicon.pages.dev/zh/components/network-globe/): 三维地球用节点、弧线和焦点切换展示全球连接。 [Registry](https://motion-lexicon.pages.dev/r/network-globe.json)
- [动态品牌墙](https://motion-lexicon.pages.dev/zh/components/kinetic-logo-exchange/): 品牌标记在队列中换位、显影并自动停在当前选择。 [Registry](https://motion-lexicon.pages.dev/r/kinetic-logo-exchange.json)
- [联动聚光矩阵](https://motion-lexicon.pages.dev/zh/components/spotlight-bento/): 一个连续光场跨越多张卡片，强化矩阵之间的整体关系。 [Registry](https://motion-lexicon.pages.dev/r/spotlight-bento.json)
- [滚动媒体扩展](https://motion-lexicon.pages.dev/zh/components/scroll-media-expansion/): 让受限媒体卡在章节滚动中扩展为沉浸式主视觉。 [Registry](https://motion-lexicon.pages.dev/r/scroll-media-expansion.json)
- [设备滚动展示](https://motion-lexicon.pages.dev/zh/components/device-scroll-reveal/): 在设备框内同步推进产品屏幕、章节文案和产品状态。 [Registry](https://motion-lexicon.pages.dev/r/device-scroll-reveal.json)
- [电影式主视觉](https://motion-lexicon.pages.dev/zh/components/cinematic-hero/): 用图像、排版和行动按钮建立有节奏的品牌开场。 [Registry](https://motion-lexicon.pages.dev/r/cinematic-hero.json)
- [着色器主视觉](https://motion-lexicon.pages.dev/zh/components/shader-hero/): 以低功耗 WebGL 场域让指针在主视觉周围塑造氛围。 [Registry](https://motion-lexicon.pages.dev/r/shader-hero.json)
- [分屏揭示](https://motion-lexicon.pages.dev/zh/components/split-screen-reveal/): 用可拖动边界连接两个产品状态或叙事视角。 [Registry](https://motion-lexicon.pages.dev/r/split-screen-reveal.json)
- [截图层叠](https://motion-lexicon.pages.dev/zh/components/screenshot-stack/): 用前后层次呈现多个产品界面，并维持当前焦点。 [Registry](https://motion-lexicon.pages.dev/r/screenshot-stack.json)
- [终端主视觉](https://motion-lexicon.pages.dev/zh/components/terminal-hero/): 通过可逐步执行的命令展示开发者工作流和结果。 [Registry](https://motion-lexicon.pages.dev/r/terminal-hero.json)
- [产品轨道主视觉](https://motion-lexicon.pages.dev/zh/components/product-orbit-hero/): 围绕中心产品对象布置能力，并让焦点与文案同步。 [Registry](https://motion-lexicon.pages.dev/r/product-orbit-hero.json)
- [展开卡片](https://motion-lexicon.pages.dev/zh/components/expandable-card/): 让紧凑故事卡在原位展开为完整阅读表面。 [Registry](https://motion-lexicon.pages.dev/r/expandable-card.json)
- [焦点画廊](https://motion-lexicon.pages.dev/zh/components/focus-gallery/): 让一张图片获得焦点，周围媒体同步退让。 [Registry](https://motion-lexicon.pages.dev/r/focus-gallery.json)
- [卡片堆栈](https://motion-lexicon.pages.dev/zh/components/card-stack/): 在紧凑空间中逐张浏览叠放的记录或故事。 [Registry](https://motion-lexicon.pages.dev/r/card-stack.json)
- [动态客户证言](https://motion-lexicon.pages.dev/zh/components/animated-testimonials/): 让人物、引语、归属和进度作为一个连续证据单元切换。 [Registry](https://motion-lexicon.pages.dev/r/animated-testimonials.json)
- [封面流画廊](https://motion-lexicon.pages.dev/zh/components/coverflow-gallery/): 以深度、吸附和键盘浏览呈现媒体序列。 [Registry](https://motion-lexicon.pages.dev/r/coverflow-gallery.json)
- [图像轨迹](https://motion-lexicon.pages.dev/zh/components/image-trail/): 沿指针或拖动路径生成并自动回收克制的图像碎片。 [Registry](https://motion-lexicon.pages.dev/r/image-trail.json)
- [像素图像](https://motion-lexicon.pages.dev/zh/components/pixelated-image/): 把图像分辨率作为可控的显影和切换材质。 [Registry](https://motion-lexicon.pages.dev/r/pixelated-image.json)
- [色差图像](https://motion-lexicon.pages.dev/zh/components/chromatic-image/): 在聚焦时为编辑图片增加可控的色彩通道位移。 [Registry](https://motion-lexicon.pages.dev/r/chromatic-image.json)
- [代码对比](https://motion-lexicon.pages.dev/zh/components/code-comparison/): 把实现差异与渲染结果绑定在一个可切换的比较面。 [Registry](https://motion-lexicon.pages.dev/r/code-comparison.json)
- [前后对比](https://motion-lexicon.pages.dev/zh/components/before-after-comparison/): 用稳定边界比较两张完整图像状态。 [Registry](https://motion-lexicon.pages.dev/r/before-after-comparison.json)
- [分段文字揭示](https://motion-lexicon.pages.dev/zh/components/split-text-reveal/): 按词或字符揭示标题，并在静止状态保持完整可读。 [Registry](https://motion-lexicon.pages.dev/r/split-text-reveal.json)
- [文字扰动](https://motion-lexicon.pages.dev/zh/components/text-scramble/): 让技术标签与状态通过字符替换快速落定。 [Registry](https://motion-lexicon.pages.dev/r/text-scramble.json)
- [文字变形](https://motion-lexicon.pages.dev/zh/components/text-morph/): 在固定阅读节奏内切换相关短语，保持宽度稳定。 [Registry](https://motion-lexicon.pages.dev/r/text-morph.json)
- [文字循环](https://motion-lexicon.pages.dev/zh/components/text-loop/): 在紧凑徽标或行内空间中循环可操作的短消息。 [Registry](https://motion-lexicon.pages.dev/r/text-loop.json)
- [滚动速度文字](https://motion-lexicon.pages.dev/zh/components/scroll-velocity/): 让背景排版随页面速度短暂响应，停下时回到可读状态。 [Registry](https://motion-lexicon.pages.dev/r/scroll-velocity.json)
- [动态标题](https://motion-lexicon.pages.dev/zh/components/kinetic-heading/): 用指针或键盘改变展示标题的字距、权重和张力。 [Registry](https://motion-lexicon.pages.dev/r/kinetic-heading.json)
- [动态工具栏](https://motion-lexicon.pages.dev/zh/components/dynamic-toolbar/): 围绕当前任务展开紧凑操作，并在收起时保留主入口。 [Registry](https://motion-lexicon.pages.dev/r/dynamic-toolbar.json)
- [可调整侧栏](https://motion-lexicon.pages.dev/zh/components/resizable-sidebar/): 让产品侧栏在调整宽度或折叠时连续保留导航上下文。 [Registry](https://motion-lexicon.pages.dev/r/resizable-sidebar.json)
- [通知中心](https://motion-lexicon.pages.dev/zh/components/notification-center/): 将瞬时通知扩展为可阅读、可处理的分组历史。 [Registry](https://motion-lexicon.pages.dev/r/notification-center.json)
- [移动底部面板](https://motion-lexicon.pages.dev/zh/components/mobile-bottom-sheet/): 以可拖拽、可聚焦的底部面板承载移动端操作和详情。 [Registry](https://motion-lexicon.pages.dev/r/mobile-bottom-sheet.json)
- [页面过渡堆栈](https://motion-lexicon.pages.dev/zh/components/page-transition-stack/): 通过前后页面的深度关系保留路由来源和目的地意义。 [Registry](https://motion-lexicon.pages.dev/r/page-transition-stack.json)
- [悬停预览](https://motion-lexicon.pages.dev/zh/components/hover-preview/): 在不离开当前位置的情况下预览目的地，并支持键盘和触控固定。 [Registry](https://motion-lexicon.pages.dev/r/hover-preview.json)
- [工作区切换](https://motion-lexicon.pages.dev/zh/components/workspace-switcher/): 在紧凑控制中管理工作区身份、最近状态和选择变化。 [Registry](https://motion-lexicon.pages.dev/r/workspace-switcher.json)
- [文件拖放区](https://motion-lexicon.pages.dev/zh/components/file-dropzone/): 通过拖放、选择器和粘贴接收文件，并给出明确的接收反馈。 [Registry](https://motion-lexicon.pages.dev/r/file-dropzone.json)
- [多步骤表单](https://motion-lexicon.pages.dev/zh/components/multi-step-form/): 在短流程中维持步骤方向、校验、等待和已保存进度。 [Registry](https://motion-lexicon.pages.dev/r/multi-step-form.json)
- [登录流程](https://motion-lexicon.pages.dev/zh/components/sign-in-flow/): 协调身份输入、等待、错误和成功，保留已填写内容。 [Registry](https://motion-lexicon.pages.dev/r/sign-in-flow.json)
- [引导清单](https://motion-lexicon.pages.dev/zh/components/onboarding-checklist/): 把设置任务转为有完成度和下一步提示的产品表面。 [Registry](https://motion-lexicon.pages.dev/r/onboarding-checklist.json)
- [日期范围选择](https://motion-lexicon.pages.dev/zh/components/date-range-picker/): 在日历网格中区分悬停、暂定、确认范围和预设。 [Registry](https://motion-lexicon.pages.dev/r/date-range-picker.json)
- [动态组合框](https://motion-lexicon.pages.dev/zh/components/animated-combobox/): 搜索和选择不断变化的结果集，同时保持键盘位置。 [Registry](https://motion-lexicon.pages.dev/r/animated-combobox.json)
- [就地编辑](https://motion-lexicon.pages.dev/zh/components/inline-edit/): 在相同几何中处理阅读、编辑、保存、错误和提交状态。 [Registry](https://motion-lexicon.pages.dev/r/inline-edit.json)
- [动态空状态](https://motion-lexicon.pages.dev/zh/components/animated-empty-state/): 把有效空状态直接导向第一个明确操作和后续结果。 [Registry](https://motion-lexicon.pages.dev/r/animated-empty-state.json)
- [指标滚动数值](https://motion-lexicon.pages.dev/zh/components/metric-ticker/): 把 KPI、涨跌方向和比较周期呈现为一次可读更新。 [Registry](https://motion-lexicon.pages.dev/r/metric-ticker.json)
- [动态图表](https://motion-lexicon.pages.dev/zh/components/animated-chart/): 比较数据范围与系列变化，保持标签和焦点稳定。 [Registry](https://motion-lexicon.pages.dev/r/animated-chart.json)
- [更新日志时间线](https://motion-lexicon.pages.dev/zh/components/changelog-timeline/): 以渐进焦点呈现产品或项目的历史记录。 [Registry](https://motion-lexicon.pages.dev/r/changelog-timeline.json)
- [看板](https://motion-lexicon.pages.dev/zh/components/kanban-board/): 让工作在列间移动，同时反馈落点、数量和周围卡片。 [Registry](https://motion-lexicon.pages.dev/r/kanban-board.json)
- [价格计算器](https://motion-lexicon.pages.dev/zh/components/pricing-calculator/): 通过数量、套餐和计费周期解释连续变化的价格。 [Registry](https://motion-lexicon.pages.dev/r/pricing-calculator.json)
- [加入购物车变形](https://motion-lexicon.pages.dev/zh/components/add-to-cart-morph/): 将产品选择连续连接到持久的购物车确认状态。 [Registry](https://motion-lexicon.pages.dev/r/add-to-cart-morph.json)
- [极光画布](https://motion-lexicon.pages.dev/zh/components/aurora-canvas/): 提供会在可见区域内缓慢呼吸的品牌环境光场。 [Registry](https://motion-lexicon.pages.dev/r/aurora-canvas.json)
- [网格扭曲](https://motion-lexicon.pages.dev/zh/components/grid-distortion/): 让网格或媒体表面围绕输入弯曲并平滑返回。 [Registry](https://motion-lexicon.pages.dev/r/grid-distortion.json)
- [流体玻璃表面](https://motion-lexicon.pages.dev/zh/components/fluid-glass-surface/): 为聚焦控制或产品媒体提供保持可读的折射玻璃表面。 [Registry](https://motion-lexicon.pages.dev/r/fluid-glass-surface.json)

## English motion primitives

- [Fade in / Fade out](https://motion-lexicon.pages.dev/en/primitives/fade-in-fade-out/): Introduce or remove an element with opacity for low-distraction state changes. [Registry](https://motion-lexicon.pages.dev/r/primitive-fade-in-fade-out.json)
- [Slide in](https://motion-lexicon.pages.dev/en/primitives/slide-in/): Bring content in from a clear direction so its spatial relationship stays legible. [Registry](https://motion-lexicon.pages.dev/r/primitive-slide-in.json)
- [Scale in](https://motion-lexicon.pages.dev/en/primitives/scale-in/): Scale from near the final size, with an optional slight overshoot for Pop in. [Registry](https://motion-lexicon.pages.dev/r/primitive-scale-in.json)
- [Reveal](https://motion-lexicon.pages.dev/en/primitives/reveal/): Reveal content with clipping and slight travel for headings, media, and sections. [Registry](https://motion-lexicon.pages.dev/r/primitive-reveal.json)
- [Stagger](https://motion-lexicon.pages.dev/en/primitives/stagger/): Introduce list items at short intervals to communicate order and rhythm. [Registry](https://motion-lexicon.pages.dev/r/primitive-stagger.json)
- [Keyframes](https://motion-lexicon.pages.dev/en/primitives/keyframes/): Compose multi-stage keyframes, interpolation, stepped motion, and fill behavior. [Registry](https://motion-lexicon.pages.dev/r/primitive-keyframes.json)
- [Duration](https://motion-lexicon.pages.dev/en/primitives/duration/): Compare how duration and delay affect response, rhythm, and perceived waiting. [Registry](https://motion-lexicon.pages.dev/r/primitive-duration.json)
- [Translate](https://motion-lexicon.pages.dev/en/primitives/translate/): Combine translation, scale, rotation, skew, perspective, and transform origin. [Registry](https://motion-lexicon.pages.dev/r/primitive-translate.json)
- [3D tilt / Flip](https://motion-lexicon.pages.dev/en/primitives/3d-tilt-flip/): Use controlled perspective and rotation for card flips or hover depth. [Registry](https://motion-lexicon.pages.dev/r/primitive-3d-tilt-flip.json)
- [Origin-aware animation](https://motion-lexicon.pages.dev/en/primitives/origin-aware-animation/): Expand or scale from the trigger point to preserve spatial continuity. [Registry](https://motion-lexicon.pages.dev/r/primitive-origin-aware-animation.json)
- [Crossfade](https://motion-lexicon.pages.dev/en/primitives/crossfade/): Crossfade overlapping, similarly sized states to reduce visual jumps. [Registry](https://motion-lexicon.pages.dev/r/primitive-crossfade.json)
- [Morph](https://motion-lexicon.pages.dev/en/primitives/morph/): Create continuous transformation between before and after layouts of a shared element. [Registry](https://motion-lexicon.pages.dev/r/primitive-morph.json)
- [Accordion / Collapse](https://motion-lexicon.pages.dev/en/primitives/accordion-collapse/): Coordinate height, opacity, and icon state for clear disclosure transitions. [Registry](https://motion-lexicon.pages.dev/r/primitive-accordion-collapse.json)
- [Direction-aware transition](https://motion-lexicon.pages.dev/en/primitives/direction-aware-transition/): Match enter and exit directions to navigation order and preserve context. [Registry](https://motion-lexicon.pages.dev/r/primitive-direction-aware-transition.json)
- [Scroll reveal](https://motion-lexicon.pages.dev/en/primitives/scroll-reveal/): Reveal content once as it enters the viewport with a reduced-motion fallback. [Registry](https://motion-lexicon.pages.dev/r/primitive-scroll-reveal.json)
- [Scroll-driven animation](https://motion-lexicon.pages.dev/en/primitives/scroll-driven-animation/): Bind animation progress to a scroll range and tune its start, end, and travel. [Registry](https://motion-lexicon.pages.dev/r/primitive-scroll-driven-animation.json)
- [Parallax](https://motion-lexicon.pages.dev/en/primitives/parallax/): Move foreground and background at restrained relative speeds to create depth. [Registry](https://motion-lexicon.pages.dev/r/primitive-parallax.json)
- [Page transition](https://motion-lexicon.pages.dev/en/primitives/page-transition/): Preserve continuity across page or view changes with a safe fallback. [Registry](https://motion-lexicon.pages.dev/r/primitive-page-transition.json)
- [Hover effect](https://motion-lexicon.pages.dev/en/primitives/hover-effect/): Reinforce interactivity on pointer hover while keeping layout stable. [Registry](https://motion-lexicon.pages.dev/r/primitive-hover-effect.json)
- [Press / Tap feedback](https://motion-lexicon.pages.dev/en/primitives/press-tap-feedback/): Confirm input immediately with a brief scale and contrast response. [Registry](https://motion-lexicon.pages.dev/r/primitive-press-tap-feedback.json)
- [Hold to confirm](https://motion-lexicon.pages.dev/en/primitives/hold-to-confirm/): Show cancellable progress during hold-to-confirm interactions to reduce mistakes. [Registry](https://motion-lexicon.pages.dev/r/primitive-hold-to-confirm.json)
- [Drag to reorder](https://motion-lexicon.pages.dev/en/primitives/drag-to-reorder/): Keep pickup, placeholder, and drop states clear while reordering. [Registry](https://motion-lexicon.pages.dev/r/primitive-drag-to-reorder.json)
- [Swipe to dismiss](https://motion-lexicon.pages.dev/en/primitives/swipe-to-dismiss/): Map swipe distance to travel and opacity with resistance before the threshold. [Registry](https://motion-lexicon.pages.dev/r/primitive-swipe-to-dismiss.json)
- [Shake / Wiggle](https://motion-lexicon.pages.dev/en/primitives/shake-wiggle/): Use one brief horizontal shake for errors or inputs that need attention. [Registry](https://motion-lexicon.pages.dev/r/primitive-shake-wiggle.json)
- [Ripple](https://motion-lexicon.pages.dev/en/primitives/ripple/): Expand a restrained ripple from the input coordinate for precise touch feedback. [Registry](https://motion-lexicon.pages.dev/r/primitive-ripple.json)
- [Easing](https://motion-lexicon.pages.dev/en/primitives/easing/): Compare common easing curves and custom cubic-bezier velocity profiles. [Registry](https://motion-lexicon.pages.dev/r/primitive-easing.json)
- [Spring](https://motion-lexicon.pages.dev/en/primitives/spring/): Tune a physical spring response with stiffness, damping, mass, and initial velocity. [Registry](https://motion-lexicon.pages.dev/r/primitive-spring.json)
- [Loop](https://motion-lexicon.pages.dev/en/primitives/loop/): Compare loop direction, count, pauses, and rhythm while controlling distraction. [Registry](https://motion-lexicon.pages.dev/r/primitive-loop.json)
- [Marquee](https://motion-lexicon.pages.dev/en/primitives/marquee/): Continuously scroll overflowing content and pause it on hover or focus. [Registry](https://motion-lexicon.pages.dev/r/primitive-marquee.json)
- [Orbit](https://motion-lexicon.pages.dev/en/primitives/orbit/): Move a decorative node slowly around a center for low-frequency status displays. [Registry](https://motion-lexicon.pages.dev/r/primitive-orbit.json)
- [Idle animation](https://motion-lexicon.pages.dev/en/primitives/idle-animation/): Use subtle breathing or floating motion for available, waiting, or active states. [Registry](https://motion-lexicon.pages.dev/r/primitive-idle-animation.json)
- [Blur](https://motion-lexicon.pages.dev/en/primitives/blur/): Reveal media or content layers with coordinated blur, opacity, and masking. [Registry](https://motion-lexicon.pages.dev/r/primitive-blur.json)
- [Before / after slider](https://motion-lexicon.pages.dev/en/primitives/before-after-slider/): Compare before and after states of the same visual with a draggable divider. [Registry](https://motion-lexicon.pages.dev/r/primitive-before-after-slider.json)
- [Line drawing](https://motion-lexicon.pages.dev/en/primitives/line-drawing/): Draw icons, paths, or explanatory connectors with stroke offset animation. [Registry](https://motion-lexicon.pages.dev/r/primitive-line-drawing.json)
- [Text morph](https://motion-lexicon.pages.dev/en/primitives/text-morph/): Transition between similarly sized short labels while preserving reading position. [Registry](https://motion-lexicon.pages.dev/r/primitive-text-morph.json)
- [Skeleton / Shimmer](https://motion-lexicon.pages.dev/en/primitives/skeleton-shimmer/): Communicate loading progress with a low-contrast shimmer across placeholders. [Registry](https://motion-lexicon.pages.dev/r/primitive-skeleton-shimmer.json)
- [Number ticker](https://motion-lexicon.pages.dev/en/primitives/number-ticker/): Show changing values with tabular figures and stable vertical digit movement. [Registry](https://motion-lexicon.pages.dev/r/primitive-number-ticker.json)
- [Typewriter](https://motion-lexicon.pages.dev/en/primitives/typewriter/): Reveal short text character by character while preserving complete accessible text. [Registry](https://motion-lexicon.pages.dev/r/primitive-typewriter.json)
- [Frame rate (FPS)](https://motion-lexicon.pages.dev/en/primitives/frame-rate/): Inspect frame rate, long main-thread tasks, and dropped frames to diagnose jank.
- [Compositing](https://motion-lexicon.pages.dev/en/primitives/compositing/): Compare compositor-friendly properties, hardware-acceleration hints, and layout-triggering properties. [Registry](https://motion-lexicon.pages.dev/r/primitive-compositing.json)
- [Purposeful animation](https://motion-lexicon.pages.dev/en/primitives/purposeful-animation/): Review the purpose, frequency, and spatial rules of motion for a consistent experience.
- [Anticipation](https://motion-lexicon.pages.dev/en/primitives/anticipation/): Tune anticipation, follow-through, and deformation to understand physical feedback. [Registry](https://motion-lexicon.pages.dev/r/primitive-anticipation.json)
- [Perceived performance](https://motion-lexicon.pages.dev/en/primitives/perceived-performance/): Reduce perceived waiting with immediate state changes, skeletons, and continuous feedback.
- [Reduced motion](https://motion-lexicon.pages.dev/en/primitives/reduced-motion/): Provide equivalent low-motion treatments for travel, scaling, loops, and parallax.

## 中文原子动效

- [淡入 / 淡出](https://motion-lexicon.pages.dev/zh/primitives/fade-in-fade-out/): 用透明度建立或移除元素，适合低干扰的内容出现与消失。 [Registry](https://motion-lexicon.pages.dev/r/primitive-fade-in-fade-out.json)
- [滑入](https://motion-lexicon.pages.dev/zh/primitives/slide-in/): 沿明确方向引入内容，让新元素与界面空间关系保持清楚。 [Registry](https://motion-lexicon.pages.dev/r/primitive-slide-in.json)
- [缩放入场](https://motion-lexicon.pages.dev/zh/primitives/scale-in/): 从接近最终尺寸的位置放大元素，并可切换为带轻微过冲的 Pop in。 [Registry](https://motion-lexicon.pages.dev/r/primitive-scale-in.json)
- [揭示](https://motion-lexicon.pages.dev/zh/primitives/reveal/): 通过裁切与轻微位移逐步展示内容，适合标题、媒体和分段内容。 [Registry](https://motion-lexicon.pages.dev/r/primitive-reveal.json)
- [交错动画](https://motion-lexicon.pages.dev/zh/primitives/stagger/): 让列表项按短间隔依次进入，表达顺序并保持整体节奏。 [Registry](https://motion-lexicon.pages.dev/r/primitive-stagger.json)
- [关键帧](https://motion-lexicon.pages.dev/zh/primitives/keyframes/): 编排多阶段关键帧、插值、步进与结束状态。 [Registry](https://motion-lexicon.pages.dev/r/primitive-keyframes.json)
- [时长](https://motion-lexicon.pages.dev/zh/primitives/duration/): 比较时长与延迟对响应速度、节奏和可感知等待的影响。 [Registry](https://motion-lexicon.pages.dev/r/primitive-duration.json)
- [位移](https://motion-lexicon.pages.dev/zh/primitives/translate/): 组合位移、缩放、旋转、倾斜、透视和变换原点。 [Registry](https://motion-lexicon.pages.dev/r/primitive-translate.json)
- [3D 倾斜 / 翻转](https://motion-lexicon.pages.dev/zh/primitives/3d-tilt-flip/): 用受控透视和旋转展示卡片正反面或悬停深度。 [Registry](https://motion-lexicon.pages.dev/r/primitive-3d-tilt-flip.json)
- [基于触发源的动画](https://motion-lexicon.pages.dev/zh/primitives/origin-aware-animation/): 让展开或缩放从触发点发生，保持动作来源的空间连续性。 [Registry](https://motion-lexicon.pages.dev/r/primitive-origin-aware-animation.json)
- [交叉淡入淡出](https://motion-lexicon.pages.dev/zh/primitives/crossfade/): 用重叠淡入淡出切换等尺寸状态，减少视觉跳变。 [Registry](https://motion-lexicon.pages.dev/r/primitive-crossfade.json)
- [形变](https://motion-lexicon.pages.dev/zh/primitives/morph/): 在共享元素的前后布局之间建立连续形变。 [Registry](https://motion-lexicon.pages.dev/r/primitive-morph.json)
- [手风琴 / 折叠](https://motion-lexicon.pages.dev/zh/primitives/accordion-collapse/): 同步高度、透明度与图标状态，清晰表达内容展开和收起。 [Registry](https://motion-lexicon.pages.dev/r/primitive-accordion-collapse.json)
- [方向感过渡](https://motion-lexicon.pages.dev/zh/primitives/direction-aware-transition/): 根据导航方向匹配进入和离开方向，维持前后关系。 [Registry](https://motion-lexicon.pages.dev/r/primitive-direction-aware-transition.json)
- [滚动揭示](https://motion-lexicon.pages.dev/zh/primitives/scroll-reveal/): 内容进入视口时触发一次轻量展示，并支持减少动态偏好。 [Registry](https://motion-lexicon.pages.dev/r/primitive-scroll-reveal.json)
- [滚动驱动动画](https://motion-lexicon.pages.dev/zh/primitives/scroll-driven-animation/): 把动画进度绑定到滚动区间，调节起止位置与运动幅度。 [Registry](https://motion-lexicon.pages.dev/r/primitive-scroll-driven-animation.json)
- [视差](https://motion-lexicon.pages.dev/zh/primitives/parallax/): 让前后景以克制的速度差移动，建立轻量层次感。 [Registry](https://motion-lexicon.pages.dev/r/primitive-parallax.json)
- [页面过渡](https://motion-lexicon.pages.dev/zh/primitives/page-transition/): 在页面或视图切换时保持内容连续，并为旧浏览器提供降级。 [Registry](https://motion-lexicon.pages.dev/r/primitive-page-transition.json)
- [悬停效果](https://motion-lexicon.pages.dev/zh/primitives/hover-effect/): 在指针悬停时强化可交互性，同时保持布局稳定。 [Registry](https://motion-lexicon.pages.dev/r/primitive-hover-effect.json)
- [按压 / 轻触反馈](https://motion-lexicon.pages.dev/zh/primitives/press-tap-feedback/): 在按下瞬间提供短促缩放和明暗反馈，确认输入已被接收。 [Registry](https://motion-lexicon.pages.dev/r/primitive-press-tap-feedback.json)
- [长按确认](https://motion-lexicon.pages.dev/zh/primitives/hold-to-confirm/): 用可取消的进度反馈表达长按确认，降低误触风险。 [Registry](https://motion-lexicon.pages.dev/r/primitive-hold-to-confirm.json)
- [拖拽排序](https://motion-lexicon.pages.dev/zh/primitives/drag-to-reorder/): 在拖拽排序时保持拾取、占位和落点状态清楚。 [Registry](https://motion-lexicon.pages.dev/r/primitive-drag-to-reorder.json)
- [滑动关闭](https://motion-lexicon.pages.dev/zh/primitives/swipe-to-dismiss/): 让滑动距离映射到位移与透明度，并在阈值前提供阻尼。 [Registry](https://motion-lexicon.pages.dev/r/primitive-swipe-to-dismiss.json)
- [摇晃 / 抖动](https://motion-lexicon.pages.dev/zh/primitives/shake-wiggle/): 用一次短促横向摆动提示错误或需要关注的输入。 [Registry](https://motion-lexicon.pages.dev/r/primitive-shake-wiggle.json)
- [涟漪](https://motion-lexicon.pages.dev/zh/primitives/ripple/): 从输入坐标扩散轻量波纹，提供明确的触点反馈。 [Registry](https://motion-lexicon.pages.dev/r/primitive-ripple.json)
- [缓动](https://motion-lexicon.pages.dev/zh/primitives/easing/): 比较常用缓动曲线和自定义贝塞尔曲线的速度变化。 [Registry](https://motion-lexicon.pages.dev/r/primitive-easing.json)
- [弹簧](https://motion-lexicon.pages.dev/zh/primitives/spring/): 通过刚度、阻尼、质量和初速度调节真实的弹簧响应。 [Registry](https://motion-lexicon.pages.dev/r/primitive-spring.json)
- [循环](https://motion-lexicon.pages.dev/zh/primitives/loop/): 比较循环方向、次数、暂停和节奏，避免持续动态干扰阅读。 [Registry](https://motion-lexicon.pages.dev/r/primitive-loop.json)
- [跑马灯](https://motion-lexicon.pages.dev/zh/primitives/marquee/): 让超出容器的信息连续滚动，并在悬停或聚焦时暂停。 [Registry](https://motion-lexicon.pages.dev/r/primitive-marquee.json)
- [环绕](https://motion-lexicon.pages.dev/zh/primitives/orbit/): 让装饰节点围绕中心缓慢运行，适合低频状态展示。 [Registry](https://motion-lexicon.pages.dev/r/primitive-orbit.json)
- [空闲动效](https://motion-lexicon.pages.dev/zh/primitives/idle-animation/): 用低幅度呼吸或漂浮提示元素仍处于可用、等待或活跃状态。 [Registry](https://motion-lexicon.pages.dev/r/primitive-idle-animation.json)
- [模糊](https://motion-lexicon.pages.dev/zh/primitives/blur/): 结合模糊、透明度与遮罩柔和地揭示媒体或内容层。 [Registry](https://motion-lexicon.pages.dev/r/primitive-blur.json)
- [前后对比滑杆](https://motion-lexicon.pages.dev/zh/primitives/before-after-slider/): 用可拖动分割线比较同一画面的前后状态。 [Registry](https://motion-lexicon.pages.dev/r/primitive-before-after-slider.json)
- [线条绘制](https://motion-lexicon.pages.dev/zh/primitives/line-drawing/): 通过描边偏移逐步绘制图标、路径或解释性连线。 [Registry](https://motion-lexicon.pages.dev/r/primitive-line-drawing.json)
- [文字形变](https://motion-lexicon.pages.dev/zh/primitives/text-morph/): 在长度接近的短文本之间进行平滑替换，保留阅读位置。 [Registry](https://motion-lexicon.pages.dev/r/primitive-text-morph.json)
- [骨架屏 / 微光](https://motion-lexicon.pages.dev/zh/primitives/skeleton-shimmer/): 在内容加载期间用低对比扫光表达进行中状态。 [Registry](https://motion-lexicon.pages.dev/r/primitive-skeleton-shimmer.json)
- [数字滚动](https://motion-lexicon.pages.dev/zh/primitives/number-ticker/): 使用等宽数字与垂直滚动稳定展示数值变化。 [Registry](https://motion-lexicon.pages.dev/r/primitive-number-ticker.json)
- [打字机](https://motion-lexicon.pages.dev/zh/primitives/typewriter/): 按字符逐步显示短文本，并为辅助技术保留完整内容。 [Registry](https://motion-lexicon.pages.dev/r/primitive-typewriter.json)
- [帧率（FPS）](https://motion-lexicon.pages.dev/zh/primitives/frame-rate/): 检查帧率、主线程长任务和掉帧，定位动态卡顿。
- [合成](https://motion-lexicon.pages.dev/zh/primitives/compositing/): 比较合成友好属性、硬件加速提示与布局触发属性的渲染成本。 [Registry](https://motion-lexicon.pages.dev/r/primitive-compositing.json)
- [有目的的动效](https://motion-lexicon.pages.dev/zh/primitives/purposeful-animation/): 审核每段动效的目的、出现频率和空间规则，保持一致体验。
- [预备动作](https://motion-lexicon.pages.dev/zh/primitives/anticipation/): 调节预备、跟随与形变幅度，理解物理感对反馈的影响。 [Registry](https://motion-lexicon.pages.dev/r/primitive-anticipation.json)
- [感知性能](https://motion-lexicon.pages.dev/zh/primitives/perceived-performance/): 通过即时状态、骨架和连续反馈缩短用户感受到的等待。
- [减弱动效](https://motion-lexicon.pages.dev/zh/primitives/reduced-motion/): 为移动、缩放、循环和视差提供等价的低动态表达。

## English scenario guides

- [Save, submit, and publish feedback](https://motion-lexicon.pages.dev/en/guides/save-submit-publish-feedback/): Design save, submit, and publish feedback so every action has a clear start, progress, and result.
- [Keep context through cards, lists, and filters](https://motion-lexicon.pages.dev/en/guides/card-list-filter-continuity/): Keep cards, lists, and filters legible as content changes, so people can follow what moved, stayed, or left.
- [Diagnose CSS motion jank](https://motion-lexicon.pages.dev/en/guides/css-motion-jank/): Find CSS motion jank by checking frame work, layout cost, paint, and the actual duration of the interaction.
- [Choose spring or ease-out by meaning](https://motion-lexicon.pages.dev/en/guides/spring-or-ease-out/): Choose spring or ease-out from the interaction’s meaning, interruption pattern, and need for a settled ending.
- [Reduced motion without losing meaning](https://motion-lexicon.pages.dev/en/guides/reduced-motion/): Offer low-motion treatments for travel, scale, and loops while keeping hierarchy and action outcomes clear.
- [Validation, deletion, and permission boundaries](https://motion-lexicon.pages.dev/en/guides/form-validation-delete-permission/): Give validation, deletion, and permission changes the right feedback so risk, next steps, and recovery stay clear.
- [Turn a vague motion brief into a spec](https://motion-lexicon.pages.dev/en/guides/from-brief-to-spec/): Turn a vague motion brief into a buildable spec with trigger, object, states, timing, and reduced-motion rules.
- [Choose a component or a motion primitive](https://motion-lexicon.pages.dev/en/guides/component-or-primitive/): Choose a component or motion primitive from interaction completeness, existing structure, and adaptation scope.

## 中文场景指南

- [保存、提交和发布：让结果立刻可见](https://motion-lexicon.pages.dev/zh/guides/save-submit-publish-feedback/): 把点击后的等待、成功与失败编成清晰状态，让用户知道动作已经生效。
- [卡片、列表与筛选：保住上下文](https://motion-lexicon.pages.dev/zh/guides/card-list-filter-continuity/): 内容改变时保留空间关系，让用户看得出哪些项目移动、保留或离开。
- [CSS 动效卡顿：从帧到属性逐项排查](https://motion-lexicon.pages.dev/zh/guides/css-motion-jank/): 从帧耗时、布局、绘制和交互时长逐项检查，定位 CSS 动效为什么拖慢页面。
- [Spring 还是 Ease-out：按动作的语义选](https://motion-lexicon.pages.dev/zh/guides/spring-or-ease-out/): 按动作语义、中断方式和收尾要求选择 spring 或 ease-out，让速度变化服务于界面含义。
- [减弱动效：保留结果，减少位移](https://motion-lexicon.pages.dev/zh/guides/reduced-motion/): 为位移、缩放和循环提供低动态表达，信息层级和操作结果仍然清楚。
- [表单、删除与权限：把边界讲清楚](https://motion-lexicon.pages.dev/zh/guides/form-validation-delete-permission/): 为校验、删除和权限变化安排恰当反馈，让风险、下一步和可恢复性都清楚。
- [从模糊需求到动效规格](https://motion-lexicon.pages.dev/zh/guides/from-brief-to-spec/): 把“自然一点”这类感受拆成触发、对象、状态、时长和减弱动效规则，形成可实现的规格。
- [组件还是原子动效：从合适层级开始](https://motion-lexicon.pages.dev/zh/guides/component-or-primitive/): 按交互完整度、现有结构和改造范围选择组件或原子动效，让交付层级与真实需求匹配。