packages/docs/docs/third-party.mdx
All animations in Remotion must be driven by the value returned by the useCurrentFrame() hook. If you would like to use another way of animations in Remotion, you need an integration that supports synchronizing the timing with Remotion.
On this page, we maintain a list of integrations for popular ways of animating on the web, and provide status for popular requests.
See: Lottie - Import from After Effects
See this repository for an example.
Read this article how one developer integrated Anime.js with Remotion and boosted their efficiency.
You can synchronize animations with Remotions time using the animation-play-state and animation-delay CSS properties.
See an example here.
At the moment, we don't have a Framer Motion integration, but are discussing the matter on GitHub Issues.
Use the @remotion/gif package.
See: How to integrate GreenSock with Remotion
Use the @remotion/lottie package.
There is no integration available, but there are two examples of how you can "bake" the Matter.js into a timeline in order to synchronize it later with Remotion:
Use the @remotion/skia package.
There is no direct compatibility but Remotion provides it's own spring() instead.
There is no integration available but Remotion shares some code with Reanimated, in particular interpolate(), spring() and Easing. This makes it easier to refactor already existing animation from Reanimated.
Use the @remotion/rive package.
See: TailwindCSS
Use the @remotion/three package.
Use the Remotion Provider for Vidstack.
Are you interested in using other libraries with Remotion? You can file a GitHub issue to inquire it. While we cannot guarantee to help, you can register interest and kick off the discussion.