Lottie Web

screenshot of Lottie Web
express

Lottie Web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

Overview:

Lottie is a mobile library available for Web, Android, iOS, React Native, and Windows that allows designers to create and render animations exported from Adobe After Effects as json using Bodymovin. This enables designers to easily incorporate beautiful animations in their projects without the need for manual recreation by engineers.

Features:

  • Cross-platform Compatibility: Works on Web, Android, iOS, React Native, and Windows.
  • Seamless Animation Integration: Parses Adobe After Effects animations exported as json with Bodymovin.
  • Effortless Rendering: Renders animations natively on mobile devices for optimal performance.
  • Developer-Friendly: Allows designers to create and ship animations without the need for manual coding.

Installation:

  1. Option 1 (Recommended - aescripts + aeplugins): Download from https://aescripts.com/bodymovin/.
  2. Option 2 (Adobe Store): Get it from https://exchange.adobe.com/creativecloud.details.12557.html (Compatible with CC 2014 and up).
  3. Option 3 (ZIP Download):
    • Download the ZIP from the repo.
    • Extract content and get the .zxp file from '/build/extension'.
    • Use the ZXP installer from aescripts.com.
  4. Option 4 (Manual Installation):
    • For Windows: Extract the zipped file to 'C:\Program Files (x86)\Common Files\Adobe\CEP\extensions' or 'C:\<username>\AppData\Roaming\Adobe\CEP\extensions'.
    • For Mac: Extract to '/Library/Application\ Support/Adobe/CEP/extensions/bodymovin'.
  5. Option 5 (Manual ZXP Installation):
    • Follow instructions at https://helpx.adobe.com/x-productkb/global/installingextensionsandaddons.html.
  6. Option 6 (Homebrew-adobe Installation):
    • Follow specific platform settings (Windows or Mac) for installation.

Summary:

Lottie is a versatile mobile library that simplifies the process of incorporating Adobe After Effects animations into Web, Android, iOS, React Native, and Windows platforms. By offering a range of installation options, from direct downloads to manual setups, Lottie ensures seamless integration for designers and developers looking to enhance their projects with visually appealing animations.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

fullstack
Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.