Skip to content

Update dependency framer-motion to v13 - #342

Open
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/framer-motion-13.x
Open

renovate[bot] wants to merge 1 commit into
mainfrom
renovate/framer-motion-13.x

Conversation

@renovate

@renovate renovate Bot commented Aug 20, 2026 •

Copy link
Copy Markdown
Contributor

This PR contains the following updates:

Package Change Age Confidence
framer-motion ^12.23.24 → ^13.0.0 age confidence

Release Notes

motiondivision/motion (framer-motion)

v13.4.4

Compare Source

Changed
  • scroll: 44% smaller.
  • useScroll: 33% smaller.
  • Scroll callbacks: 50% faster.
  • Removed ScrollTimeline support for JS callbacks as benchmarked no improvement over scrollInfo.
Fixed
  • useDragControls: Fixed snapToCursor origin drift on repeated calls.
  • drag: Improved pointerend timing.
  • spring: Check invalid spring values before applying.
  • AnimatePresence: Ensure children don't stick during reentry.

v13.4.3

Compare Source

Fixed
  • <motion />: Ensure animations replay when Suspense reveals memoized content.

v13.4.2

Compare Source

Fixed
  • Reorder: Don't scale position of elements at origin 0 when dragConstraints changes.
  • Unrecognised easing names no longer throw.

v13.4.1

Compare Source

Fixed
  • animate: CSS variable writes on SVGs apply to style attribute.

v13.4.0

Compare Source

Added
  • AnimateView: View transitions for React 19.3, built on React's ViewTransition.

v13.3.0

Compare Source

Added
  • Hooks for Motion Editor.
Changed
  • springValue/useSpring: 80% reduction in time when retargeting.
  • animate: 10% smaller.
  • animate: 20% reduction in startup time.
  • animate: 10% reduction in per-frame JS.
  • frame: Frame scheduling 10% faster.
Fixed
  • animate: Fixed path drawing calculations.

v13.2.0

Compare Source

Added
  • animate.addEffect() for registering effects that lets animate drive non-DOM subjects alongside DOM elements.
  • threeEffect (motion/three) supporting Three.js objects, materials, shader uniforms, TSL uniform nodes and more.
  • vgpuEffect (motion/vgpu) supporting shared uniforms, Effect/Draw/Compute bindings ("params.time"), scene nodes, cameras, lights, materials, orbit controls, CSS colors and vector components.
  • createEffect now accepts test, read and step options and exposes bound motion values via effect.get().
Changed
  • Reduced filesize and improved performance of spring.

v13.1.1

Compare Source

Fixed
  • Guard animation window access in non-browser runtimes.
  • AnimatePresence: Improved compat with React 19 strict mode.

v13.1.0

Compare Source

Added
  • Reorder: Multidimensional reorder.
  • Reorder: Automatic axis detection.
  • Reorder: RTL support.

v13.0.0

Compare Source

Changed
  • Removed optional @emotion/is-prop-valid dependency in favour of explicit <MotionConfig isValidProp={isPropValid}>.
Fixed
  • Hardware-accelerated SVG elements correctly apply final style on animation complete.
  • AnimatePresence: Ensure nodes are marked as safe to remove when rendering propagate with no motion children.

v12.43.0

Compare Source

Added
  • Hardware acceleration for backgroundColor in supported browsers.
  • Hardware acceleration for SVG elements.
Fixed
  • AnimatePresence: Exiting children no longer interleave with entering children, which could reorder and remount children present in both renders.
  • motion: Throw error when passing a custom motion component an incorrect ref type.

v12.42.2

Compare Source

Fixed
  • animateView: Cropped group layers now animate border-radius from the old to new radius.

v12.42.1

Compare Source

Fixed
  • animateView: Old layer fade out now cancelled when defining .new().

v12.42.0

Compare Source

Changed
  • animateView: Layers are automatically grouped to match their DOM-hierarchy. New .group(false) method opts-out.
Fixed
  • animateView: Auto-crop is now aspect-ratio aware, disabling crops for matching aspect-ratios.
  • animateView: Disabled automatic border-radius animation.

v12.41.0

Compare Source

Added
  • animateView: Moves from Motion+ Early Access and alpha to main library.
  • animateView: .add() resolves a CSS selector or Element to automatically generate, apply and remove view-transition-name.
  • animateView: .new() and .old() configures values to animate on new and old layers.
  • animateView: .layout() can set a custom transition on the size/position animation of the currently selected elements.
  • animateView: Group layers now automatically crop with children set to cover, with border-radius animating from old radius to new. .crop(false) disables this behaviour.
  • animateView: .class(name) tags currently selected elements with a view-transition-class as a custom CSS hook.
Fixed
  • AnimatePresence: Prevent stuck exit animations when children interrupt.
  • drag: Child e.stopPropagation() no longer break drag end.
  • Fixing Next.js OOM on Windows when importing via motion package.
  • animateLayout: Improve handling of parallel/interleaved calls.
Changed
  • animateView: .enter() and .exit() now refer specifically to new and old layers where there are no matching old or new layers.
  • animateView: Interrupted transition setups now return resolved animation rather than throwing.

v12.40.0

Compare Source

Added
  • path option to transition.
  • arc() for motion along an arc.

v12.39.0

Compare Source

Added
  • Support for repeatType and repeatDelay in animation sequences.
Fixed
  • Variants: Re-run keyframe animations when switching between variant labels even when they share identical keyframe arrays.
  • Drag: Preserve in-flight motion value animations across React 19 reorder unmount/remount so dragSnapToOrigin no longer leaves the drag transform stranded after a layout swap.
  • LazyMotion: Share React contexts between the framer-motion and framer-motion/m (and therefore motion/react and motion/react-m) CJS bundles so that <m.div> from the /m subpath picks up features loaded by <LazyMotion> from the main entry point.
  • useScroll: Support hydrating target and container refs from anywhere in the tree.
  • Drag: Gesture no longer starts from incorrect start point when rendered inside <AnimatePresence initial={false} />.
  • Drag: dragConstraints, when set as viewport-relative ref, no longer break on scroll.§
  • Updated visualElement hydration order.
  • useAnimate: Now respects skipAnimations.
  • AnimatePresence: Fix object-form initial values not applied on re-entry after exit completes.
  • scroll: Fixed callback progress when tracking an element.
  • useScroll: Fix hardware acceleration when tracking an element.

Configuration

📅 Schedule: (in timezone America/New_York)

  • Branch creation
    • Between 12:00 AM and 11:59 PM (* 0-23 * * *)
  • Automerge
    • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate

renovate Bot commented Aug 20, 2026 •

Copy link
Copy Markdown
Contributor Author

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json
npm warn Unknown env config "store". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: react-beautiful-dnd@13.1.1
npm error Found: react@19.2.4
npm error node_modules/react
npm error   react@"19.2.4" from the root project
npm error   peer react@">=16.8.0" from @emotion/react@11.14.0
npm error   node_modules/@emotion/react
npm error     @emotion/react@"^11.14.0" from the root project
npm error     peer @emotion/react@"^11.0.0-rc.0" from @emotion/styled@11.14.1
npm error     node_modules/@emotion/styled
npm error       @emotion/styled@"^11.14.1" from the root project
npm error       4 more (@mui/lab, @mui/material, @mui/styled-engine, @mui/system)
npm error     5 more (@mui/lab, @mui/material, @mui/styled-engine, ...)
npm error   31 more (@emotion/styled, ...)
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.8.5 || ^17.0.0 || ^18.0.0" from react-beautiful-dnd@13.1.1
npm error node_modules/react-beautiful-dnd
npm error   react-beautiful-dnd@"^13.1.1" from the root project
npm error
npm error Conflicting peer dependency: react@18.3.1
npm error node_modules/react
npm error   peer react@"^16.8.5 || ^17.0.0 || ^18.0.0" from react-beautiful-dnd@13.1.1
npm error   node_modules/react-beautiful-dnd
npm error     react-beautiful-dnd@"^13.1.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /runner/cache/others/npm/_logs/2026-09-25T20_45_21_915Z-eresolve-report.txt
npm error A complete log of this run can be found in: /runner/cache/others/npm/_logs/2026-09-25T20_45_21_915Z-debug-0.log

@vercel

vercel Bot commented Aug 20, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
adminv2 Ready Ready Preview Sep 25, 2026 8:49pm UTC

Request Review

@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 41e7f23 to 3aa7eae Compare August 20, 2026 15:56
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 3aa7eae to d057285 Compare August 26, 2026 11:50
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from d057285 to 53b2b6b Compare September 2, 2026 21:54
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 53b2b6b to a431f95 Compare September 10, 2026 18:09
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from a431f95 to 482ed1e Compare September 14, 2026 20:15
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 482ed1e to 2d18f3d Compare September 15, 2026 17:57
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 2d18f3d to 768a549 Compare September 16, 2026 18:57
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 768a549 to d568c32 Compare September 22, 2026 17:38
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from d568c32 to 0951c71 Compare September 24, 2026 02:49
@renovate
renovate Bot force-pushed the renovate/framer-motion-13.x branch from 0951c71 to e344b97 Compare September 24, 2026 22:38

This branch was successfully deployed

1 active deployment
Preview — 62f415f1 Deployed Sep 25, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants