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 other devices too.
First release: 2024 April 11
First release: 2024 April 11
Release Information
Getting Started
To use Malo, you will need to download the Malo Javascript and CSS files.
- Download and reference Malo CSS and JS files into your project
-
After referencing Malo JS file. Create a new instance of Malo
const malo = new Malo(1000, true);//500 = animation duration in milliseconds. Default value = 500//true = useAnimation. If value is false, Malo will not use animation and skip to the intended end result. Default is true -
With just that, you are done.
Sample code to test if it works
malo.effect('bounce', { element: 'body', iteration: 1});
You can use shorthand declarations for properties. Check the shorthand declarations
What do I need to use Malo?
You just need knowledge of THREE things!
Tested on different operating systems
In making Malo, the aim was to build one Library to perform animations perfectly on both Android and IOS devices. Including more devices with systems like Windows, Mac and more.
IOS
Android
Windows
Is Malo for you?
With Malo you can get
- Predefined methods to handle standard animations for your HTML elements.
- Predefined methods to perform effects on your HTML elements.
- Ability to perform callbacks after each animation or effect!
- Disable animations with just one line without having to rewrite your all code.
Malo has been tested on popular browsers like Safari, Chrome, Edge and more
