ANIMATE YOUR WEBSITE

OPTIMIZED FOR SPEED

LETS ANIMATE!

Malo is a Javascript library used to perform animations and transitions on HTML. It requires a basic understanding of HTML and CSS. The aim of Malo was to build a purely front-end focused Javascript library that's compatible with both iOS and Android Devices, while maintaining seamless animations on all browsers too.

Introducing Modules for Malo.js

Malo is now introducing modules, modules are overrides of the base/standard frames that come in the main ZIP file.

Modules are separate pieces of styles that are not included in the main package as they are optional. With this concept, developers can further extend the styles and frames of Malo and can be included in the main Git repo for other users.

Modules can be found the Malo JS Git repo at /Malo.Web/wwwroot/lib/modules

Please not the following about Malo modules

They do not have versions
They can be updated and edited independent of the main files
There is no documented version history for file changes

Latest Release

Check out the latest stable release of Malo. Keep checking on us regularly to see news on our latest versions or upcoming releases and new features. You can also view our version updates on the history page.

Release Date: 2025 June 25

Release Version: 1.3.1

Download Version 1.3.1

Note that the files from the zip are not minified. We currently do not minify any files. Please feel free to minify the files if you want to. Apologies for the inconvenience.

Getting Started

Let us look into getting you started with Malo.

First you need to make sure you have downloaded the ZIP file and extracted the files into your project.
Next you need to reference both your CSS and JS files in your project.
Then you can use the below sample code to verify if you referenced the files correctly.
malo.effect( { element: 'body', effect: 'blink', iteration: 2, duration: 500 } );

Benefits of Malo

There are a number of reasons why you should use Malo for your next project.

You get a variety of animations and effects to use, and you will get more soon.

One animation can have up to 4 variations! This will allow developers a good variety of options.

You can perform callbacks on animations and effects

The library was built with performace in mind. It is optimized for speed and efficiency.

Malo is thoroughly tested on multiple devices and browsers to ensure 0 issues

You can extend Malo with just CSS alone, without having to change the JavaScript code.