Skip to content

Streamlined workflow for exporting after effects animations and microinteractions to animated svg html pagges using bodymovin

Notifications You must be signed in to change notification settings

tortilaman/ae-to-html

Repository files navigation

AE to HTML

Prototype site for exporting after effects animations to HTML

Setup

  • make sure node.js is at version >= 6
  • npm i spike -g
  • clone this repo down and cd into the folder
  • run npm install
  • run spike watch or spike compile

Usage

  • Export animations from After Effects using Bodymovin
  • Modify your .json filenames so titles etc. on the site will look how you want them to:
    • Use dashes to separate words, i.e. JSON-File-Name.json will Create the title JSON File Name
    • Capitalize anything you would like capitalized.
  • Add resulting .json files to the assets/anim/ folder

Testing

Tests are located in test/** and are powered by ava

  • npm install to ensure devDeps are installed
  • npm test to run test suite

About

Streamlined workflow for exporting after effects animations and microinteractions to animated svg html pagges using bodymovin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published