motion.dev

• charset: utf-8
• name: viewport content: width=device-width
• name: generator content: Framer 8b94843
• name: description content: Motion (prev Framer Motion) is a fast, production-grade web animation library for React, JavaScript and Vue. Build smooth UI animations with examples, tutorials, and a tiny footprint.
• name: framer-search-index content: https://framerusercontent.com/sites/2vcbqhEf4EzIcLAPQDqSRp/searchIndex-vFPVs3FsbH6F.json
• name: framer-search-index-fallback content: https://framerusercontent.com/sites/2vcbqhEf4EzIcLAPQDqSRp/searchIndex-pFgXiR922aWn.json
• name: framer-html-plugin content: disable
• property: og:type content: website
• property: og:title content: Motion — JavaScript & React animation library
• property: og:description content: Motion (prev Framer Motion) is a fast, production-grade web animation library for React, JavaScript and Vue. Build smooth UI animations with examples, tutorials, and a tiny footprint.
• property: og:image content: https://framerusercontent.com/images/9IOwyTKAykVZTetDEOb7qh81ZQ.png
• name: twitter:card content: summary_large_image
• name: twitter:title content: Motion — JavaScript & React animation library
• name: twitter:description content: Motion (prev Framer Motion) is a fast, production-grade web animation library for React, JavaScript and Vue. Build smooth UI animations with examples, tutorials, and a tiny footprint.
• name: twitter:image content: https://framerusercontent.com/images/9IOwyTKAykVZTetDEOb7qh81ZQ.png
• name: robots content: max-image-preview:large
• name: color-scheme content: dark

• http://motion.dev/./
• http://motion.dev/./docs
• http://motion.dev/./examples
• http://motion.dev/./tutorials
• AI Kit
• Upgrade
• http://motion.dev/./docs/react
• http://motion.dev/./docs/quick-start
• http://motion.dev/./docs/vue
• http://motion.dev/./docs/react-animation
• http://motion.dev/./docs/animate
• http://motion.dev/./docs/vue-animation
• http://motion.dev/./docs/react-scroll-animations
• http://motion.dev/./docs/scroll
• http://motion.dev/./docs/vue-scroll-animations
• http://motion.dev/./docs/react-animate-presence
• http://motion.dev/./docs/vue-animate-presence
• http://motion.dev/./docs/react-gestures
• http://motion.dev/./docs/hover
• http://motion.dev/./docs/vue-gestures
• http://motion.dev/./docs/react-layout-animations
• http://motion.dev/./docs/animate-view
• http://motion.dev/./docs/vue-layout-animations
• http://motion.dev/./docs/react-transitions
• http://motion.dev/./docs/stagger
• http://motion.dev/./docs/vue-transitions
• http://motion.dev/./sponsor
• https://examples.motion.dev/react/cursor-trail-velocity
• https://examples.motion.dev/react/ios-slider
• https://examples.motion.dev/react/number-counter
• https://examples.motion.dev/react/cursor-custom-content
• https://examples.motion.dev/react/tab-select
• https://motion.dev/examples?plus=true
• http://motion.dev/./docs/studio-visual-controls
• http://motion.dev/./docs/studio-ai-context
• http://motion.dev/./docs/animation-performance-audit
• http://motion.dev/./docs/gsap-vs-motion
• http://motion.dev/./changelog
• http://motion.dev/./tutorials/react-command-palette
• http://motion.dev/./tutorials/react-scroll-hide-header
• http://motion.dev/./tutorials/react-scroll-image-reveal
• http://motion.dev/./magazine/how-to-use-your-favourite-gsap-easings-with-waapi
• How To: Hardware-accelerate your favourite GSAP easing functions
• Matt Perry
• http://motion.dev/./docs/studio
• http://motion.dev/./docs/motionscore
• http://motion.dev/./docs/framer
• http://motion.dev/./docs/figma
• http://motion.dev/./docs/squarespace
• http://motion.dev/./docs/wordpress
• http://motion.dev/./docs/webflow
• http://motion.dev/./magazine
• http://motion.dev/./studio
• http://motion.dev/./support
• http://motion.dev/./docs/react-svg-animation
• http://motion.dev/./docs/react-motion-component
• http://motion.dev/./docs/react-carousel
• http://motion.dev/./docs/cursor
• http://motion.dev/./docs/react-animate-number
• http://motion.dev/./docs/react-ticker
• http://motion.dev/./docs/react-typewriter
• Login
• Register

• https://framer.link/Kyr6Vpy
• https://cursor.com
• https://linear.app/
• https://figma.com
• https://www.sanity.io/
• https://animations.dev
• https://clerk.com?utm_campaign=motion
• https://www.greptile.com/?utm_source=motion&utm_medium=sponsorship
• https://mintlify.com
• https://animations.dev/
• https://framer.link/6ogjBZd
• https://figma.com/
• https://github.com/motiondivision/motion
• https://x.com/motiondotdev
• https://www.youtube.com/@motiondotdev

            Domain Name: MOTION.DEV
Registrar: Namecheap Inc.
Domain Status: client transfer prohibited
Creation Date: 2020-04-05T17:00:07.893Z
Registry Expiry Date: 2027-04-05T17:00:07.893Z
Updated Date: 2026-03-12T10:19:56.485Z
Name Server: SAVANNA.NS.CLOUDFLARE.COM
Name Server: TREY.NS.CLOUDFLARE.COM
REGISTRAR Contact: Namecheap Inc.
>>> Last update of RDAP database: 2026-03-14T21:16:29Z         

			User-agent: *
Allow: /

Sitemap: https://motion.dev/sitemap.xml        

技术搜索引擎优化

页面搜索引擎优化

内容和用户体验