Chapter 382: Third party integrations

Core Idea

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.

Key Concepts

• After Effects
• Anime.JS
• CSS animations
• Framer Motion
• GIFs
• GSAP (GreenSock) {#greensock}
• Lottie
• Matter.js

Key Takeaways

1. Understand after effects when working with Third party integrations.
2. Understand anime.js when working with Third party integrations.
3. Understand css animations when working with Third party integrations.
4. Understand framer motion when working with Third party integrations.
5. Understand gifs when working with Third party integrations.

Connects To

• Clipper: related page in the Studio, Player & Editing section.
• Design Systems: related page in the Studio, Player & Editing section.
• Editor Starter: related page in the Studio, Player & Editing section.