Litemove Plugin for WordPress

If you have experience with WordPress, the Litemove plugin is the ideal animation builder for your setup. You can easily install it on your WordPress site like any other plugin. Additionally, it seamlessly integrates with your preferred page builder or theme, elevating both the functionality and visual appeal of your website.

Create animations on Wordpress

Install Litemove Plugin

Initiate the utilization of the Litemove plugin by downloading and installing it from your account area. Subsequently, activate the plugin using the email address associated with your license.

litemove-plugin-for-wordpress (3)

After purchasing an appropriate plan, you’ll get relevant License information and a link to download the Litemove plugin via confirmation mail.

  • Retrieve the plugin by downloading it.
  • Install the plugin by uploading the provided zip file to “Plugins” -> “Add New”.
  • Open the builder and activate the plugin by entering your license email address in the Litemove section located in the sidebar.

Edit with Litemove Builder

There are two ways to initiate the Litemove plugin:

#1 Directly navigate to your target page

Go to the relevant page, post, post type or template and locate the “Litemove” button; click on it to launch the animation builder.

litemove plugin for wordpress animation builder

#2 Access Litemove on Wordpress dashboard

From the WordPress sidebar in your dashboard, access Litemove section leading you to the starting popup where all saved animations are visible.

Configure Timelines

→ Start configuring your Timeline Tab Control

Hierarchy of Timeline and Animation Controls

The first control of this Tab is Timeline Group: where you can set visible conditions for Post, Page, Post Type, Template Taxonomy, URL, etc. Even you can search specific options by enter values on this bar.

For example: enter directly on search bar any slug parameter


Depending on Trigger actions, the settings of the Timeline Control Tab appear correspondingly.
There are four options as below:

  1. Page Load: Animations start immediately after page loading
  2. Page Exit: Animations start before moving to another page
  3. Scroll: Animations start when the user scrolls down/up the elements
  4. Click: Animations start when the user clicks the elements
  5. Hover: Animations start when the user hovers over the elements

Configure Animations

Click on the “plus icon” in Editing Timeline to add your first animation.
On the left of your screen, open the Animation Control Tab in Control Panel


→ Start configuring your animations

Find out more: Animation Control Tab Panel

Site Settings

Moreover, you have the option to personalize additional site configurations within the third Tab control.

  • Breakpoints: Define the parameter widths for various devices.
  • Reset Timelines: Fine-tune animation effects for different device sizes.
  • ScrollSmoother: Enhance animation effects in conjunction with scrolling triggers.
  • Custom Javascript: Customize JavaScript in this section.
Related Posts
After setting up your Timeline Control, click on the “plus icon” in Editing Timeline to add your first animation.
With Scroll Trigger, Animations belonging to the parent timeline start when the user scrolls down/up the elements
With Click Trigger, Animations belonging to the parent timeline start when the user clicks the selected elements

Back to top