History: Lottie Integration

• «
• »

            !!! Proposal: Integrating Lottie Animations into Tiki Wiki

!!!! What is Lottie?
Lottie is a modern way to add animations to websites and apps. It uses small JSON files to render high-quality, smooth animations that scale well on any screen size.

Unlike GIFs or videos, Lottie animations are lightweight and fast, making them perfect for online content.

More about Lottie: [https://lottiefiles.com/what-is-lottie|LottieFiles – What is Lottie?]

Why Add Lottie Support to Tiki?
Tiki is a powerful platform for creating and sharing content. By integrating Lottie, we can:

* Embed beautiful animations directly in wiki pages.
* Make tutorials, guides, and presentations more engaging.
* Add motion and energy to static pages.
* Use animations for branding (e.g. animated logos or mascots).
* Help users communicate ideas more clearly using visuals.

!!! How Would This Work in Tiki?

We propose a new wiki plugin: `{LOTTIE}`

This plugin allows users to embed Lottie animations by referencing a file from the File Gallery or an external source.

Example usage:


{CODE(colors="tiki")}
{LOTTIE(
  src="tiki-download_file.php?fileId=123",
  loop="true",
  autoplay="true",
  speed="1.5",
  width="400px",
  height="400px",
  background="transparent"
)}
{CODE}

Or a simplified version:

{CODE(wrap="1")}
{LOTTIE src="tiki-download_file.php?fileId=123"}
{CODE}

The plugin renders a Lottie animation directly inside the wiki page.

!!! Which Technology Will We Use?

We recommend using the official **dotLottie Web** player from LottieFiles:

[https://github.com/LottieFiles/dotlottie-web|GitHub – dotLottie Web Player]

This is a lightweight and modern Web Component that works on all browsers. It allows full control over animation playback and is actively maintained.

!!! Benefits of the Lottie Plugin

* Lightweight and fast — no performance issues
* Scales beautifully on mobile and desktop
* Easy to use in wiki pages
* Supports looping, autoplay, custom speed, and size
* Makes content visually appealing and easier to understand
* Works well in documentation, onboarding, branding, and tutorials


!!! Summary

Integrating Lottie into Tiki will:

* Bring animation support directly to wiki content
* Improve user experience and visual communication
* Allow users to create richer, more modern content
* Keep Tiki in line with today’s web standards

!!! Next Steps (If Approved)

# Develop the `{LOTTIE}` plugin for wiki content
# Support `.json` and `.lottie` uploads in the File Gallery
# Include the dotLottie Web Player in the Tiki frontend
# Document how users can embed animations in their pages