Currently in development: Partially working (February 2018)
Web component for smooth page transitions
The <animated-pages> element provides a flexible mechanism for animating
between different pages of a web app.
Polymer 3 only at the moment
npm i animated-pages
Read the usage guide on the page for the <animated-pages> Element.
<iron-pages>:
- Not animated
- Pages aren't created lazily when they're needed
<neon-animated-pages>
- Animations are elements. This is a strange design decision
- Pages aren't created lazily when they're needed
<iron-lazy-pages>
- Not animated
- Lazy creation of pages is done through
<dom-if>, thus a single template cannot be shared by multiple pages.
To get your development environment set up, clone this repository and run npm install.
Bug reports, feature proposals and pull requests are welcome!
Install the lit-html extension to get syntax highlighting for the html`...` templates strings in JavaScript. (Note that this project does not use lit-html itself)
This project uses Web Component Tester to verify correct behavior across different browsers.
You can run the tests via npm test.
Development tip: You can also use npx wct --npm --persistent: npx wct --npm is the same command that runs on npm test. However, the --persistent option keeps the browser windows open - which means you can rerun the tests by refreshing the page.