https://github.com/yannbf/ionic-lottie

Sample using ng-lottie and ionic 3 to view animations rendered from After Effects
https://github.com/yannbf/ionic-lottie

angular4 animations ionic3 lottie ng-lottie

Last synced: 11 months ago
JSON representation

Sample using ng-lottie and ionic 3 to view animations rendered from After Effects

• Host: GitHub
• URL: https://github.com/yannbf/ionic-lottie
• Owner: yannbf
• Created: 2017-03-03T02:10:59.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-05-08T13:51:03.000Z (almost 8 years ago)
• Last Synced: 2025-04-16T13:35:55.262Z (11 months ago)
• Topics: angular4, animations, ionic3, lottie, ng-lottie
• Language: TypeScript
• Homepage:
• Size: 2.3 MB
• Stars: 104
• Watchers: 9
• Forks: 23
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• Awesome-Ionic - Ionic Lottie Sample

README

          
# Ionic Lottie Sample

![Example](https://github.com/yannbf/ionic-lottie/blob/master/sample-gif.gif?raw=true)

This is a sample project that uses [ng-lottie](https://github.com/chenqingspring/ng-lottie) to display animations provided by an after effects animation json in ionic 3.

For usage/docs, refer to [ng-lottie repo](https://github.com/chenqingspring/ng-lottie)

To run it:

```shell

git clone https://github.com/yannbf/ionic-lottie.git

cd ionic-lottie

npm i

ionic serve

```

ps: Take note that this sample has too many animations running at once for sampling purposes only.

If you would like to run on a device, remove a few of these animations to have them running smoothly.

All animations were acquired from codepen as well as lottie repo as samples to test.

None of those belong to me, they belong to http://codepen.io/svgsprite/, http://codepen.io/airnan/ and https://github.com/airbnb/lottie-android.