July 19, 2024

Popmotion, Javascript Motion Engine for Animated UI

We seen an up-and-coming trend in design that will definitely bleed into 2016 for animation incorporated into UI. With the opposite trend of static websites emerging as well, some would argue otherwise. However, with the development of CSS3 and JavaScript, we see more and more developers embracing interactive animation in their programming. The development of clever little Javascript engines like Popmotion, make it even easier for developers to create and innovative user interfaced using animation.

Popmotion 1 Popmotion2

The motion engine has become popular on Github, boasting abilities like animation, physics and input tracking; along with many more, like to following listed on the site:

  • Input smoothing: Optionally smooth noisy data sources.
  • Easy distribution: Available on npm, Bower, Meteor, or as a simple file-include.
  • Low level: A single processing loop, open for low-level use.
  • Watch: Values can watch other values and do as they do, faster than recalculating.
  • Complex number support: Colors, path definitions, matrix transforms and more.

Popmotion comparison
If you are looking to get started with animation, check out their handy introduction to animation.

Editor-in-chief for WebDesignLedger.com. Paulina uses creative intelligence to create everything digital, printable, searchable, minimal, visual and analytical. She has a passion for design and is the founder of UltraArte, a digital marketing & design consultancy. Follow her on Twitter

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *