###### Docs/Demo

This is a light spiritual successor to the now deprecated .

It works with CSS animations and only depends on lit. So, you don't have to worry about including any heavy JS libraries.

This component takes care of the logic behind triggering the animations so that you can focus on making your views and your animations. Alternatively, you can use the animations included in the sample-animations folder. 😉

To begin using it follow these simple steps:

- Install it:

npm i --save helium-animated-pages

- Import the script:

In html:

``html


`

In a js module:

`javascript
import 'helium-animated-pages';
`

- Create an instance of in your HTML page. You can also use any framework that supports rendering Custom Elements.

`html



Credits

- Almost all sample animations and the general flow of the page selection are based on an article by Pedro Botelho@Codrops.
- The docs are powered by @web-padawan's api-viewer-element and @runem's web-component-analyzer