ng-lottie - Render After Effects animations on Angular based on Bodymovin

  •        873

lottie animation view for angular

https://github.com/chenqingspring/ng-lottie#readme

Dependencies:

bodymovin : ^4.8.0

Tags
Implementation
License
Platform

   




Related Projects

lottie-ios - An iOS library to natively render After Effects vector animations

  •    Objective-C

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with bodymovin and renders the vector animations natively on mobile and through React Native!

lottie-react-native - Lottie wrapper for React Native.

  •    Java

For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. After this, open the Xcode project configuration and add the Lottie.framework as Embedded Binaries.

lottie-react-native - Lottie wrapper for React Native.

  •    Java

For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. If you have issues linking your iOS project check out this StackOverflow thread on how to fix it.

LottieXamarin - Render After Effects animations natively on Android, iOS, MacOS and TvOS for Xamarin

  •    CSharp

All of these animations were created in After Effects, exported with Bodymovin, and rendered natively with no additional engineering effort. Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After effects files as json and includes a javascript web player. We've built on top of his great work to extend its usage to Android, iOS, and React Native.


ng-select - :star: Native angular 6+ select component

  •    TypeScript

Library is under active development and may have API breaking changes for subsequent major versions after 1.0.0. To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json (Angular v5 and below) or angular.json (Angular v6 onwards).

lottie-editor - A tool to edit colors in Lottie animations.

  •    Javascript

Discussion here. Contributions are welcome, help improve this tool. Work in progress.

angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO

  •    Javascript

An Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

angular-hmr - :fire: Angular Hot Module Replacement for Hot Module Reloading via @TipeIO

  •    TypeScript

Please see repository AngularClass/angular-seed for a working example.bootloader is only needed to detect that the dom is ready before bootstraping otherwise bootstrap. This is needed because that dom is already ready during reloading.

lottie-web - Render After Effects animations natively on Web, Android and iOS, and React Native

  •    Javascript

Or get it from the adobe store https://creative.adobe.com/addons/products/12557 CC 2014 and up.