UbiAnimate

A fast & lightweight CSS animation library for toast / snackbar type notifications

Usage

  1. Install UbiAnimate (see below).
  2. Pick an entrance & exit animation above in your desired position.
  3. Add the entrance & exit classes below according to your notification software's installation guide

Selected entrance classes

animate fade in

Selected exit classes

animate fade out

Installation

There are a few ways to get started with UbiAnimate. You can either:

  1. Use NPM or Yarn to install directly into your project.
  2. Download the compiled source from GitHub
  3. Link directly to the CDN version on jsDelivr

NPM

npm install ubi-animate

Yarn

yarn add ubi-animate

GitHub

https://github.com/rmhubbert/ubi-animate/tree/master/dist

jsDelivr

https://www.jsdelivr.com/package/gh/rmhubbert/ubi-animate?path=dist

Customisation

UbiAnimate can be easily customised via Sass variables.

Simply override any variables (a full listing can be found in /node_modules/ubi-animate/src/_variables.scss) in your main Sass file before importing the library from /node_modules/ubi-animate/src/ubianimate.scss