Animadio

GitHub Version

CSS Framework

Animadio Colored Logo A CSS Framework that you Can Customize Completely with Simple CSS Variables ! Build Concatenation Classes to Set up an Advanced & Complex Design Easily ! Maximum Interactivity with States Management of Hover/Focus & Radio/Checkbox ! Animadio Colored Name

How to prepare for takeoff ?

Immediate takeoff with Animadio, the only free & open-source framework that offers real interactivity to the click & much more :

  • Eight types of selectors working with hover, focus, active & checked states
  • Flexbox & Grid systems included with common options
  • Click anywhere on the page to enable & disable any design effect anywhere else
  • Management of keyframes animations & their options
  • Complete & simple customization with directly modifiable CSS variables
  • 100% pure CSS ; so JavaScript is not needed to work !

CSS Only

Animadio is a CSS framework whose library is composed only of CSS source code: jQuery, or even Javascript, are not included or needed in production...

Grunt is the only JavaScript app used in the framework developement side for recursive tasks (concat, source map, webkit & min) to build the library files (but it can be used to concat CSS elements of your choice by forking the repository)

You can simply use the library & if you want or if you need : you can overload the CSS variables.

Browsers

Animadio uses PostCSS with autoprefixer to provide a maximum of compatibility for all main browsers, including mainly Firefox, Chrome & Opera, secondarily Edge, Safari & Explorer (except for some effects, especially all Skew animations)

Content

The library distribution is available here :

animadio.css

But if you only need a part of it :

Installation

jsDelivr Yearly Downloads NPM Yearly Downloads

Template

Porfolio

Portfolio template thumbnail

This is the Animadio Portfolio Template working with CSS Only : written by Valentin Antoin

Animadio has continuous support & community networks will give all news !

Support

Codacy Quality Code Climate Maintainability

Open-Source

Community

Issues

Issues can be created here :

Issues

But for Parse Error issues, from a CSS linter or a W3C validator check the user agent of browsers & look here before doing anything :

Pull Requests

And Pull Requests can be created there :

Pull Requests

Contributing

Animadio needs you if you like it : sends pull requests on GitHub to improve it !!

Contributors

Versioning

Animadio is maintained under theSemantic Versioning 2.0.0

Copyright

Code released under theMIT License

Creator