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 2w ago

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 66% 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

3009d ago

Major Versions

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

v1.0.0 → v2.0.02018-04-04

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/7085702?v=4)[Mikaela Young](/maintainers/lexakami)[@lexakami](https://github.com/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/userforms

UserForms enables CMS users to create dynamic forms via a drag and drop interface and without getting involved in any PHP code

1321.1M84](/packages/silverstripe-userforms)[symbiote/silverstripe-gridfieldextensions

A collection of useful grid field components

951.9M265](/packages/symbiote-silverstripe-gridfieldextensions)[symbiote/silverstripe-advancedworkflow

Adds configurable workflow support to the CMS, with a GUI for creating custom workflow definitions.

46302.4k9](/packages/symbiote-silverstripe-advancedworkflow)[silverstripe/tagfield

Tag field for SilverStripe

561.3M50](/packages/silverstripe-tagfield)[jonom/silverstripe-betternavigator

Front-end utility menu for Silverstripe websites featuring administration and development tools

59429.0k12](/packages/jonom-silverstripe-betternavigator)[lekoala/silverstripe-cms-actions

Add actions to your models in SilverStripe

39317.0k29](/packages/lekoala-silverstripe-cms-actions)

PHPackages © 2026

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