Sponsor of the Day:
Jerkmate
https://motion.dev/examples/react-cursor-multifollow
Cursor: Multi-follow - Motion Example
An example of attaching multiple elements to follow the cursor at the same time, all with different spring animations. Motion+ Cursor is exclusive to Motion+...
motion examplecursormultifollow
https://motion.dev/examples/vue-transition
Transition - Motion Example
An example of setting transition options in Motion for Vue.
motion exampletransition
https://motion.dev/examples/react-shared-layout-animation
Shared layout animation - Motion Example
An example of a shared layout animation, where two elements are animated from one to the other, using Motion for React's simple layoutId prop.
animation motionsharedlayoutexample
https://motion.dev/examples/vue-card-stack
Card stack - Motion Example
An example of creating a swipeable card stack with photos in Motion for Vue.
card stackmotion example
https://motion.dev/examples/react-animate-view-types
AnimateView: Transition types - Motion Example
An example of using AnimateView with addTransitionType to create directional prev/next slideshow animations using Motion+ for React.
motion exampletransitiontypes
https://motion.dev/examples/vue-text-reveal
Reveal text effect - Motion Example
An example of revealing text on hover using flexbox and Motion for Vue's layout animations.
text effectmotion examplereveal
https://motion.dev/examples/vue-cursor-magnetic
Cursor: Magnetic target - Motion Example
An example of Motion+ Cursor with magnetic target snapping enabled. Motion+ Cursor is exclusive to Motion+ members.
motion examplecursormagnetictarget
https://motion.dev/examples/react-confetti
Confetti - Motion Example
Celebratory confetti particle explosion triggered by a button press, with spring-driven button feedback and randomised particle physics
motion exampleconfetti
https://motion.dev/examples/react-command-palette
Command Palette - Motion Example
A ⌘K-style command palette with spring-animated entrance, filtered search, and keyboard navigation
command palettemotion example
https://examples.motion.dev/react/number-counter
Number counter — Motion for React Example
An example of using AnimateNumber to animate numbers. AnimateNumber is exclusive to Motion+ members. View and copy the source code, learn which APIs are used...
number countermotionreactexample