前身为 Framer Motion,现代 Web 与 React 动效手势引擎的事实标准。
MotionDocsDocsExamplesExamplesUIUIAI KitAIAI KitAIStudioStudioMotion+MotionHero sectionsPricing sectionsTestimonialsBento gridsStats sectionsNavigationCTA sectionsFootersPage transitionsFAQ sectionsOverlaysButtonsListsLoaders<Accordion><AddToBasket><ArrowLink><BorderBeam><CardStack><CarouselControls><CommandPalette><Confetti><CopyButton><Coverflow><ExpandCard><FooterReveal><HoldToConfirm><MagneticPull><MaskWipe><MultiStateButton><Overlay><PageCurtain><ParallaxLayers><ProgressBar><RollingTextButton><ScrambleReveal><ScreenshotScrollReveal><ScrollSpotlight><ScrollWordReveal><ScrollZoomReveal><SegmentedToggle><Sheet><ShrinkHeader><Skeleton><SmoothTabs><Sparkline><SplitReveal><StaggerReveal><SwipeActions><TerminalSession><TiltCard><ToastStack>Toast StackInstall guideGet Motion+Get MotionExamplesMagazinePartnersTroubleshootingAI KitCSS StudioMotion StudioMotionScoreThe Book of MotionReact animationLayout animationSVG animationMotion componentGSAP vs MotionJavaScriptReactVueRSS: ChangelogRSS: MagazineX/TwitterYouTubeLoginPurchaseUnlock the Toast stack componentAPI reference<Toast /><ToastStack />HooksuseToastStackuseToastFeatured inRelated examplesNewsletterSpring Physics CoreLayout Morph AnimationGesture RecognizerScroll Timeline DriverExit Animate Presence
Motion(前身为享誉业界的 Framer Motion)是现代前端动效领域的绝对事实标准。由 Matt Perry 开发,全库将声明式 API、真实的弹簧阻尼力学模拟、复杂手势识别与连续布局形变融为一体,为整个现代 Web 与设计工程师生态提供了不可或缺的动力学基础设施。