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 1mo ago

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

907d ago

Major Versions

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

### Community

Maintainers

![](https://www.gravatar.com/avatar/39b41908320c40913bdc9ac23022591db14cb71e1019ffaa87dace22e1a98a56?d=identicon)[croqo](/maintainers/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

[rainlab/blog-plugin

Blog plugin for October CMS

17257.7k](/packages/rainlab-blog-plugin)[rainlab/builder-plugin

Builder plugin for October CMS

17147.2k1](/packages/rainlab-builder-plugin)[pfefferle/wordpress-activitypub

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

5671.4k1](/packages/pfefferle-wordpress-activitypub)[civicrm/civicrm-drupal-8

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

18238.1k2](/packages/civicrm-civicrm-drupal-8)[mediawiki/semantic-glossary

A terminology markup extension with a Semantic MediaWiki back-end

1352.4k](/packages/mediawiki-semantic-glossary)[humanmade/lottie-lite

A lightweight Lottie Animations Extension for WordPress

374.3k](/packages/humanmade-lottie-lite)

PHPackages © 2026

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