« Changelog History


framer/motion v2.0.0 Release Notes

Release Date: 2020-07-15 // almost 4 years ago

  • ➕ Added

    • layout prop for automatic layout animations.
    • AnimateSharedLayout and layoutId for shared layout animations.
    • onMeasureDragConstraints prop that fires when dragConstraints are measured.
    • useIsPresent, a read-only version of usePresence.
    • Allow dragConstraints to be a ref that is smaller than the draggable element.

    ✂ Removed

    • positionTransition and layoutTransition props (use layout={true} instead).
    • Point type in favour of Point2D.
    • 🚚 useAnimatedState: Moved to Framer library.
    • dragOriginX, dragOriginY props.
    • 💅 stylefire as a dependency.

    🛠 Fixed

    • 💅 Removing a MotionValue from style now correctly unsets it from the element.

    🔄 Changed

    • 🌐 Using Proxy to generate motion components. This saves ~0.5kb from the bundle size and ensures compatibility with all DOM elements and Web Components.
    • x and y transform values won't change as a result of a drag gesture as this now works via layout projection.
    • Drag events now report point as the pointer relative to the viewport, in line with other pointer events.
    • 🏗 Changed build process and using Terser for uglification. Reduces bundle size by ~1.2kb. (@stokesman in #596)