WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Adam Pery v0.5

Motion

Motion WordPress Plugin provide user friendly solution to beautiful CSS3 animations.

Motion

The facts

Rating
5★ from 5
Active installs
50+
Price
Free
Last updated
22 Oct 2015
Added
Oct 2015
Requires WP
4.0
Tested up to
WP 4.0.38
Downloads
4,902

Our analysis

AI-assisted

Motion is a WordPress plugin that enables users to add CSS3 animations to posts, pages, and widgets. It is based on the Motion UI library by ZURB and offers a user-friendly interface for applying various animations and transitions. This plugin is suitable for those looking to enhance the visual appeal of their WordPress site with animations without requiring extensive coding knowledge.

The plugin allows for customisation of animation settings, including duration, delay, and scroll offset. Users can enable or disable animations on mobile devices and apply animations to individual elements. It is designed for beginners and those who want to easily incorporate animations into their content.

Best for: This plugin suits beginners and users looking to add animations to their WordPress site easily.

What it does well

  • Free to use from the WordPress.org directory
  • User-friendly solution for CSS3 animations
  • Customisation options for animation settings
  • Supports animations on posts, pages, and widgets
  • Based on the Motion UI library by ZURB

Where it falls short

  • Last updated in October 2015
  • Tested only up to WordPress 4.0.38
  • Directory score of 46/100 indicates potential issues

Verdict

Motion provides a straightforward way to implement CSS3 animations, but its outdated status may limit compatibility with newer WordPress versions.

From the developer

Adam Pery's own description of Motion, lightly tidied.

Motion WordPress Plugin based on Motion UI by ZURB – a Sass library for creating CSS transitions and animations.
Provide user friendly solution to beautiful CSS3 animations on WordPress Posts, Pages and Widgets.

Motion Demo

Some of the Key features Include:

  • CSS animations
  • CSS transitions
  • Allowing user to apply CSS3 animations on WordPress Posts, Pages and Widgets
  • Animation on Scroll, bases on wow.js
  • Different scroll offset on individual animation blocks
  • Delay to create a nice animation sequence
  • Animation duration
  • Enable or disable animations on mobile
  • Enable or disable checking for new elements on the page
  • Custom box class setting
  • Custom animate class setting
  • Custom CSS setting
  • Allow users to apply animation on WordPress Widgets

All the CSS3 animations are from Motion UI
WOW.js are from WOW

Arbitrary section

A brief Markdown Example

[motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay=”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/motion]
Motion Demo

Read the full description on the official page →

Tagged as

Alternatives

Other plugins for animations.

Sticky Header Effects for Elementor

Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsi...

Free 300k+ installs 4.5★ (68)
Image Hover Effects

Add creative image hover effects to Elementor page builder. Easily customize title and content and effects wit...

Free 40k+ installs 4.9★ (83)
Advanced WordPress Backgrounds

Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.

Free 30k+ installs 4.8★ (44)
Bricksable for Bricks Builder

Elevate your website game with the Bricksable collection of premium elements for Bricks Builder. Designed to s...

Free 10k+ installs 5★ (61)