PHPackages                             croqo/lottie-plugin - 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. croqo/lottie-plugin

ActiveOctober-plugin[Utility & Helpers](/categories/utility)

croqo/lottie-plugin
===================

Lottie player: Lightweight, lossless scalable animations for your website

v1.2.3(2y ago)5911MITPHP

Since Sep 27Pushed 2y ago2 watchersCompare

[ Source](https://github.com/croqo/oc-lottie-plugin)[ Packagist](https://packagist.org/packages/croqo/lottie-plugin)[ RSS](/packages/croqo-lottie-plugin/feed)WikiDiscussions dev Synced today

READMEChangelog (7)Dependencies (1)Versions (14)Used By (0)

Lottie
======

[](#lottie)

This **October CMS** plugin allows to add Lottie animations on your website with ease.

[![og-image](https://raw.githubusercontent.com/croqo/oc-lottie-plugin/dev/sources/og-image.png)](https://raw.githubusercontent.com/croqo/oc-lottie-plugin/dev/sources/og-image.png)

🤔 [What is Lottie? @lottiefiles.com](https://lottiefiles.com/what-is-lottie)

Component Player
----------------

[](#component-player)

Use this code in INI section to inject JS player into current page/partial/layout.

```
[lottie]
```

When it's done, you can use Lottie player as many times as you want with different values of **url** property.

- ### **url**

    [](#url)

    HTTP link to lottie animation json.

    Next example code will generate two animations following one-by-one:

    ```
    {% component 'lottie' url='https://path.to/file1.json' %}

    {% component 'lottie' url='https://path.to/file2.json' %}
    ```
- ### **look**

    [](#look)

    Lottie player CSS preset

    ```
    {% component 'lottie' url='https://path.to/file1.json' look='image' %}}

    {% component 'lottie' url='https://path.to/file2.json' look='wallpaper' %}}
    ```
- ### aspect **ratio**

    [](#aspect-ratio)

    preserveAspectRatio option (rendererSettings)

    ```
    {% component 'lottie' url='https://path.to/file1.json' ratio='xMidYMid slice' %}}

    {% component 'lottie' url='https://path.to/file2.json' ratio='xMidYMid meet' %}}
    ```

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 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 ~77 days

Recently: every ~30 days

Total

11

Last Release

961d ago

Major Versions

v1.2.3 → v3.0.0-alpha2023-09-30

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/16340665?v=4)[Eugene Croquette](/maintainers/croqo)[@croqo](https://github.com/croqo)

---

Top Contributors

[![croqo](https://avatars.githubusercontent.com/u/16340665?v=4)](https://github.com/croqo "croqo (27 commits)")

---

Tags

bodymovinjavascriptlaravellottielottie-weboctober-cmsoctobercmsoctobercms-pluginphp

### Embed Badge

![Health badge](/badges/croqo-lottie-plugin/health.svg)

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

###  Alternatives

[helsingborg-stad/municipio

A bootstrap theme for creating municipality sites.

4028.5k10](/packages/helsingborg-stad-municipio)[mediawiki/maps

Adds various mapping features to MediaWiki

84152.3k3](/packages/mediawiki-maps)[starcitizentools/citizen-skin

A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki.

3376.6k](/packages/starcitizentools-citizen-skin)[civicrm/civicrm-drupal-8

Open source constituent relationship management for non-profits, NGOs and advocacy organizations.

19251.4k3](/packages/civicrm-civicrm-drupal-8)[altis/core

Core module for Altis

19228.0k3](/packages/altis-core)[pfefferle/wordpress-activitypub

The ActivityPub protocol is a decentralized social networking protocol based upon the ActivityStreams 2.0 data format.

5721.7k4](/packages/pfefferle-wordpress-activitypub)

PHPackages © 2026

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