Install Popmotion
Package managers
npm
npm install popmotion --save
yarn
yarn add popmotion
File include
Note: The Popmotion documentation uses the import
syntax for importing individual modules.
If you use one of the following installation methods, Popmotion will be available on the global popmotion
variable.
So, when you see in the docs import { tween } from 'popmotion'
, you will use const { tween } = popmotion
instead.
Download
You can download the latest version of Popmotion at https://unpkg.com/popmotion/dist/popmotion.global.min.js
script
include:
Or include it directly in your HTML with this script
tag:
<script src="https://unpkg.com/popmotion/dist/popmotion.global.min.js"></script>
CodePen
You can fork the Popmotion playground on CodePen, which is set up with the latest version of Popmotion.
You an also add Popmotion to any existing CodePen project by clicking on Settings > JavaScript and then pasting https://unpkg.com/popmotion/dist/popmotion.global.min.js
into the “Add External JavaScript” field.