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.


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)


The library distribution is available here :


But if you only need a part of it :


jsDelivr Yearly Downloads NPM Yearly Downloads



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 !


Codacy Quality Code Climate Maintainability




Issues can be created here :


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


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



Animadio is maintained under theSemantic Versioning 2.0.0


Code released under theMIT License