lexakami/silverstripe-lottie

Add SVG animations into your web projects with ease using Lottie and bodymovin.js

Maintainers

Details

github.com/lexakami/silverstripe-lottie

Source

Issues

Installs: 1 370

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 1

Open Issues: 0

Type:silverstripe-vendormodule

v2.0.0 2018-04-04 07:54 UTC

Requires

BSD-3-Clause bf22f4bc667ce6b89995166eaf59f715c799efbe

  • Mikaela Young <mikaela.woop@silverstripe.com>

This package is not auto-updated.

Last update: 2024-04-04 11:03:54 UTC

README

This module aims to streamline the processs to add SVG animations into your projects.

Uses Lottie and the bodymovin.js library to create lightweight SVG animations for the web, from a JSON file exported from After Effects using the Bodymovin extension.

Installation

composer require lexakami/silverstripe-lottie

Usage

You will need:

  • A JSON file of the animation exported from After effects - Step by step walkthrough on creating compatible animations.

Create an animation under the Animations tab in the CMS and upload your JSON animation file.

Place in the template by using the Lottie include, specifying the name of the animation.

<% include Lottie Name="My Animation Name" %>

TODO

  • Upgrade to be SS4 compatible
  • Interactions (on click etc)
  • Fallback to static image for non SVG supported browsers and devices
  • Permissions on json files
  • CMS JSON upload
  • CMS editable attributes for each animation
  • Accessibility