How to copy an animation/interaction from one Webflow project to another?

To copy an animation/interaction from one Webflow project to another, follow these steps:

1. Open the project where the animation/interaction is located. Make sure you are in the Designer view.

2. Select the element that has the animation/interaction you want to copy. You can identify it by checking the interactions panel on the right-hand side of the Designer. If it is a page trigger, make sure you select the page itself.

3. Once the element is selected, go to the interactions panel and click on the animation/interaction you want to copy. The animation/interaction will be displayed in the timeline and its settings will appear in the panel.

4. Click on the gear icon next to the animation/interaction name in the interactions panel.

5. In the settings window that appears, click on the "Copy to clipboard" button. This will copy the animation/interaction code to your clipboard.

6. Now, open the project where you want to paste the animation/interaction.

7. In the new project, make sure you are in the Designer view. Select the element or page where you want to apply the copied animation/interaction.

8. In the interactions panel, click on the "+" button at the top-right corner to add a new animation/interaction.

9. In the empty animation/interaction field, click on the gear icon to open the settings window.

10. Instead of creating a new animation/interaction, click on the "Paste from clipboard" button. This will paste the previously copied animation/interaction code.

11. Once the code is pasted, click on the "Apply" button to save the animation/interaction.

12. Preview the site or publish it to see the copied animation/interaction in action.

By following these steps, you can copy an animation/interaction from one Webflow project to another without the need to recreate it from scratch. This can save you time and effort, especially if you have complex or intricate animations/interactions.