Need private packages and team management tools?Check out npm Teams »

animadio

1.1.5 • Public • Published

Animadio Logo

Animadio CSS Framework

  • 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
  • More than 99% of pure CSS : so all of that without JavaScript...

GitHub Version Codacy Code Quality Maintainability

Summary


Package Manager

NPM Version NPM Montly Downloads NPM Yearly Downloads

NPM : npm i animadio
Yarn : yarn add animadio


CDN

jsDelivr Montly Downloads jsDelivr Yearly Downloads

Full Version

Grid Version

Elements Version

States Version


Download

Latest Release

git clone https://github.com/animadio/animadio.git

Repo Size


Content

The main library distribution is :

  • For development : dist/animadio.css
  • For production : dist/min/animadio.min.css

CSS Code Size CSS Minified Size

But if you only need a part of Animadio, you can use one of those dist files :

  • To get Global + Grid : dist/animadio-grid.css for dev or dist/min/animadio-grid.min.css for prod
  • To get Global + Elements : dist/animadio-elements.css for dev or dist/min/animadio-elements.min.css for prod
  • To get Global + States : dist/animadio-states.css for dev or dist/min/animadio-states.min.css for prod

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 file (but it can be used to concat CSS elements of your choice)

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

GitHub Top Language


Support

Animadio has continuous support until the 31st of December 2021 & community networks will give all news !

Project Maintained GitHub Last Commit


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 (for some effects, especially all Skew animations)


Open-Source

CodePen : @animadio

GitHub Stars


Community

Slack : animadio.slack.com

Twitter Follow


Documentation

Animadio Documentation is available !

WebSite Status


Issues

Issues can be created here

GitHub Open Issues

But for Parse Error issues, from a CSS linter or a W3C validator :

  • check the user agent from the browsers
  • look here before doing anything :

For the W3C CSS Validator : https://github.com/w3c/css-validator/issues/225

For the W3C Nu HTML Validator : https://github.com/validator/validator/issues/644

For CSS Lint : https://github.com/CSSLint/csslint/issues/720


Pull Requests

And Pull Requests can be created there

GitHub Open Pull Requests


Contributing

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

GitHub Contributors


Versioning

Animadio is maintained under the Semantic Versioning 2.0.0

GitHub Version


Creator

Philippe Beck

WebSite Status GitHub Followers Twitter Follow


Contributors

Lisa Lecieux

WebSite Status GitHub Followers Twitter Follow

Valentin Antoin

WebSite Status GitHub Followers


Copyright

Code released under the MIT License

GitHub License


Support on Beerpay

Hey dude! Help me out for a couple of 🍻!

Beerpay Beerpay

Install

npm i animadio

DownloadsWeekly Downloads

2

Version

1.1.5

License

MIT

Unpacked Size

1.72 MB

Total Files

39

Homepage

animadio.org

Last publish

Collaborators

  • avatar