Animax provides a set of modules that makes it super easy for developers to create web animations.
- Table of Contents
- Technologies
- Resources/Links
- Introduction
- Usage Examples
- Development
- Active Members
- Sponsors
- License
Animax is a library of ready-to-use, cross-browser animations for use in your web projects. Suitable for emphasis, home pages, sliders, attention-guiding hints, and simply spicing up your products.
Stepping the into world of web animations might seem scary and intimidating at first, but don't worry, we've got you. Our platform was designed and engineered to make the experience a pleasant and intuitive one.
You can find the Animax documentation on here.
-
Normal language: The name of the animations are very close to normal human language, and user do not need to write any code at all.
-
Ease of Styling: Animax.css contains a set of CSS selectors like
bounce-1xandmove-upthat makes it easy to animate your HTML elements by passing the relevant ID or class.Easily export code for Web (HTML/CSS/JS) or SVG and watch your design comes to life. -
Light and user-friendly: The library was built using plain CSS, and no use of external libraries that might reduce your project's performance.
-
Production-ready animation library: Less coding, and more producing. Animax is an animation library that’s built for production. It support all major web browsers.
-
Download the library.
-
Extract the zipped file.
-
Import the library into your project using the
linktag.<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="animax.css"> <title>Home</title> </head> <body> ........ <script src="animax.js"></script> </body> </html>
-
Add the animation ID, which is
bounce-1xin this instance, to the HTML element you would like to animate.<body> ........ <div id="bounce-1x"></div> ........ </body>
-
Voila, the element is automatically animated.
See DEVELOPMENT.md for development docs.
| Designers | Developers |
|---|---|
| Tobechukwu Eloke | Charles Precious |
| Tomi Etta | Mustapha Balogun |
| Zainab Bodude | Aroso Emmanuel Adedeji |
| Khadijat Bakare | Oguagu Ekenechukwu Daniel |
| Coker Adebusola | David Alatishe |
| Victor Roosevelt | Oluji Onyekachukwu |
| Fatoye Ruth | |
| Aminu Musa Ambursa | |
| Olamilekan Phillip | |
| Joshua Opeyemi Adebisi | |
| Salau Shukurat |
Animax project would neither have been realized nor be the success that it is today without our sponsors' kind support. These organizations currently support animax:
MIT license ©2022