Effect & Animation Demos:

Simply add the .mpx-parallax class and a background image for a very cool effect. Use .mpx-parallax-full if you a looking for an image that takes up the full viewport height.

Number animation: counts up from zero when an element becomes visible. Like a counter, except controlled by the same kind of animation that we use for other design animation on the web.

Simply add the .mpx-flyin class to any element to have it fly into view as your scroll.

Simply add the .fadein class to any element to have it fade into view as your scroll.

Customizable typing effects using Typed.js.

Insert Lottie file animations from Adobe After Effects. Simply create a link that points to the Lottie JSON file and add the .mpx-lottie class.