Proposal: Integrating Lottie Animations into Tiki Wiki

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(wrap="1")}
{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:

{LOTTIE src="tiki-download_file.php?fileId=123"}

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:

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

Security and Permissions

• Only trusted users can upload Lottie (.json) files
• File gallery permissions still apply
• Uploaded content is validated to prevent malicious input

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)

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

Please review and share any feedback. If approved, we can move to implementation planning.