@awesomecss/animations

A functional CSS animation library for UI interactions.

Usage no npm install needed!

<script type="module">
  import awesomecssAnimations from 'https://cdn.skypack.dev/@awesomecss/animations';
</script>

README

Animations :sparkles:

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.2/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.