PHPackages                             lexakami/silverstripe-lottie - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. lexakami/silverstripe-lottie

ActiveSilverstripe-vendormodule[Utility & Helpers](/categories/utility)

lexakami/silverstripe-lottie
============================

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

v2.0.0(8y ago)01.4k1BSD-3-ClausePHP

Since Mar 15Pushed 8y ago1 watchersCompare

[ Source](https://github.com/lexakami/silverstripe-lottie)[ Packagist](https://packagist.org/packages/lexakami/silverstripe-lottie)[ RSS](/packages/lexakami-silverstripe-lottie/feed)WikiDiscussions master Synced yesterday

READMEChangelog (3)Dependencies (1)Versions (5)Used By (0)

Silverstripe Lottie Animation
=============================

[](#silverstripe-lottie-animation)

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

Uses [Lottie](https://github.com/airbnb/lottie-web) and the [bodymovin.js](https://github.com/bodymovin) library to create lightweight SVG animations for the web, from a JSON file exported from After Effects using the Bodymovin extension.

Installation
------------

[](#installation)

```
composer require lexakami/silverstripe-lottie

```

Usage
-----

[](#usage)

You will need:

- A JSON file of the animation exported from After effects - [Step by step walkthrough](http://airbnb.io/lottie/after-effects/getting-started.html) 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.

```

```

TODO
----

[](#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

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity66

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~6 days

Total

4

Last Release

2961d ago

Major Versions

v0.1.0 → 1.x-dev2018-03-15

v1.0.0 → v2.0.02018-04-04

### Community

Maintainers

![](https://www.gravatar.com/avatar/868b8775bd7c9825a7dddfefa6ad80b1e7448a33efa30b7e187f7c8e317028ef?d=identicon)[lexakami](/maintainers/lexakami)

---

Top Contributors

[![lexakami](https://avatars.githubusercontent.com/u/7085702?v=4)](https://github.com/lexakami "lexakami (3 commits)")

### Embed Badge

![Health badge](/badges/lexakami-silverstripe-lottie/health.svg)

```
[![Health](https://phpackages.com/badges/lexakami-silverstripe-lottie/health.svg)](https://phpackages.com/packages/lexakami-silverstripe-lottie)
```

###  Alternatives

[silverstripe/multi-domain

Allows multiple domains to access one CMS instance, mapping them to different sections of the hierarchy

141.6k](/packages/silverstripe-multi-domain)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)