“framer-motion”的搜索结果

Framer Motion React animation library skill — declarative animations, gestures, layout transitions, scroll-triggered animations, variants, AnimatePresence, and performance optimization.

中文简介正在准备中。当前显示原文说明。

Build a shared animation foundation for React and Next.js with motion/react. Define reusable timing and spring settings, respect reduced-motion preferences, adapt to device performance, and align initial animation states with server-rendered content.

中文简介正在准备中。当前显示英语简介。

• Standardize animation settings across components
• Define reusable spring animation presets
• Respect users' reduced-motion preferences

为React和Next.js界面的实现与审查提供示例，涵盖组件组合、状态管理、数据获取、显示性能、表单验证，以及键盘操作和焦点管理。

• 整理可复用的React组件
• 审查状态管理与数据获取
• 提高长列表的显示速度

Implement animation in React with Framer Motion examples based on Disney's 12 animation principles. Add squash and stretch, preparatory movements, smooth acceleration, overlapping motion, and hover or tap responses with defined timing.

中文简介正在准备中。当前显示英语简介。

• Adding hover and tap responses to buttons
• Animating jumps with preparation and curved paths
• Revealing list items one after another

Design and implement interface responses such as button feedback, loading indicators, page transitions, and swipe gestures. Use motion to communicate actions and state changes, with guidance on timing, performance, and support for people who prefer reduced animation.

中文简介正在准备中。当前显示英语简介。

• Adding hover and click feedback to buttons
• Showing loading placeholders and progress indicators
• Creating transitions for pages and interface components

Refine interface details such as rounded corners, shadows, typography, icon alignment, and animations. Use concrete implementation rules to improve visual consistency and interaction feedback, with changes documented in before-and-after tables.

中文简介正在准备中。当前显示英语简介。

• Refining the appearance of existing UI components
• Improving button and icon interaction feedback
• Reviewing entrance and exit animations

Guides React and Next.js interface development with examples for reusable components, shared state, forms, and error handling. It also covers loading performance, animations, and keyboard access to help build maintainable, responsive interfaces.

中文简介正在准备中。当前显示英语简介。

• Designing reusable interface components
• Organizing shared state and data fetching
• Improving performance for long lists

Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.

中文简介正在准备中。当前显示英语简介。

• Refine button and card appearance
• Adjust hover feedback and animations
• Improve text wrapping and changing number displays

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

中文简介正在准备中。当前显示原文说明。

Animate React with Framer Motion (Motion): gestures, layout animations, variants, scroll-linked motion, and exit transitions. Use when adding production-grade UI animation.

中文简介正在准备中。当前显示原文说明。

Craft UI animations with Framer Motion: page transitions, micro-interactions, scroll reveals, and shared layouts for polished interfaces. Use for interface animation beyond basics.

中文简介正在准备中。当前显示原文说明。

Motion (formerly Framer Motion) patterns - motion components, variants, AnimatePresence, gestures, layout animations, scroll-linked motion, reduced-motion handling

中文简介正在准备中。当前显示原文说明。

Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).

中文简介正在准备中。当前显示原文说明。

Build Motion (Framer Motion) React animations — declarative motion components, variants, AnimatePresence, layout transitions, scroll effects, and inline SVG pathLength. Load when the user asks to animate with Motion, Framer Motion, motion.div, AnimatePresence, layout animation, whileInView, or React enter/exit transitions. Also triggers on "framer-motion", "motion/react", "useReducedMotion", or "React animation library". React/Next only — not README embeds or non-React.

中文简介正在准备中。当前显示原文说明。

Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).

中文简介正在准备中。当前显示原文说明。

Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences. Use when users request "add animation", "framer motion", "page transition", "animate component", or "micro-interactions".

中文简介正在准备中。当前显示原文说明。