⚡️A functional CSS animation library designed for UI interactions.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples
scripts
src
.gitignore
.npmignore
README.md
index.js
package-lock.json
package.json

README.md

Animations

A functional CSS animation library designed for UI interactions.

  • Tiny at around 7KB minified (1.2KB GZipped!)
  • Zero dependencies
  • Performant with stable 60FPS buttery smooth animations
  • Works with basically anything that can render HTML/CSS 🙌

⚡️ Usage

Use the CDN

The quickest and easiest way to start include the CDN hosted file in the <head> of your html file.

<link rel="stylesheet" href="https://unpkg.com/@awesomecss/animations@0.1.3/dist/animations.min.css" />

Using npm/yarn

You can add this library to your node workflow by running:

npm install @awesomecss/animations --save

It'll be up to you to include/import either the .scss files (within /src/) or the compiled .css files (within /dist) with your project's set up.

🕹 Demo

Check out a mobile app UI mocked up with this library:

http://awesomecss-animations.surge.sh/app/