Skip to main content

Package

Panky Lottie Files

Panky Lottie Files adds Lottie and dotLottie animations to Joomla 6 with a site module, article tag support, and an editor button for easy embedding of .lottie and .json animations.

  • J6
  • Updated

Latest release

Stable

v2.0.0

Download Panky Lottie Files
File
pkg_pankylottie-2.0.0-1793549207.zip
Size
556.7 kB
Released
SHA-256
b17debfddbabd3becbe3b0122597b1d1041e19e5978298e3ff3ecad453e42c24

Once installed, new versions appear under System → Update → Extensions in your Joomla admin.

What it does

Panky Lottie Files is a Joomla 6 package for displaying Lottie and dotLottie animations on your website. It includes a site module for one or more animations, a content plugin that lets you insert animations in articles using a simple {lottie} tag, and an editor button for quick insertion from the WYSIWYG editor.

The extension supports .lottie and .json files from the Joomla Media Manager or from external URLs, and supports rich playback options such as autoplay, viewport trigger, hover, click, scroll, loop control, segments, markers, themes, reduced-motion handling, accessibility settings, and responsive sizing. It uses a lightweight lazy-loading player served from your own site, which helps keep performance smooth while delivering high-quality animated content.

Requirements

Requirement Supported
Joomla 6.x
  1. Download the package ZIP file.
  2. In your Joomla Administrator area, go to System → Install → Extensions.
  3. Upload and install the package.
  4. After installation, the package will install:
    • the Panky Lottie Animation module
    • the content plugin
    • the editor button
  5. If needed, go to Extensions → Modules and enable/configure the module.
  6. For local .lottie or .json files, go to System → Media → Options and add:
    • json,lottie to Legal Extensions and Legal Document Extensions
    • application/json,application/zip to Legal MIME Types
  7. For best browser compatibility, make sure .wasm files are served as application/wasm.
  8. To insert animations in content, use syntax like:
    {lottie src="/images/hello.lottie" alt="Waving hand" trigger="viewport" loop="1"}

Version 2.0.0 ·

No changes were recorded for this version.

All extensions