Animadio

GitHub Version

CSS Framework

Animadio
Welcome to Animadio !
Navbar Example @CodePen
Responsive Navbar
Card Example @CodePen
Design Card
Btn Example @CodePen
Many Buttons
Menu Example @CodePen
Effective Menu
Gallery Example @CodePen
Awesome Gallery
Form Example @CodePen
Accessible Form
Table Example @CodePen
Clear Table
Foot Example @CodePen
Structured Foot

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 & 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

CSS Variables

Animadio is a CSS framework whose library used a lot of CSS Variables...

You can simply use the library or if you want/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

Demos

Animation

Select an Animation to watch the effect...

And you can select some of the options if you want !

Animadio Logo

Canvas

Template

Porfolio

Portfolio template thumbnail

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

Support

Codacy Quality Code Climate Maintainability

Open-Source

Community

Issues

Issues can be created here :

Issues

Pull Requests

And Pull Requests can be created there :

Pull Requests

Versioning

Animadio is maintained under theSemantic Versioning 2.0.0

Copyright

Code released under theMIT License

Creator