Welcome to our tutorial series, where you'll learn everything you need to know to start creating motion effects, interactions, and timelines using the motion.page builder.
You'll be able to easily create single animations, complex timelines, scroll scenes, interactions, and more, we will also explain our UI and show you several examples.
How motion.page works
We integrated GSAP and Scroll Trigger into the visual builder, so you can create the most advanced JS animations, without having to learn or use coding. With the live preview, player tools, and other helpful features, motion.page is useful even if you can code animations by hand.
Motion.page is an independent motion builder, with the full WordPress integration, so you can install it to your WP as any other plugin, and use it together with your favorite page builder or a theme.
Install Guide
After the purchase of one of our plans, download the plugin from the member's area, and follow the basic process.
Download the plugin
Install the plugin by uploading the zip file to Plugins > Add New
You will see the new "motion.page" link at bottom of the WP sidebar, which launches the builder
Launch the builder, and add your license key on the welcome screen, to activate it.
Other lessons:
Lesson 2: How to use motion.page to create your first animation
Lesson 4: Overview of all animation properties