Loading...
 
Skip to main content
(Cached)

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: 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:

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


Or a simplified version:

Copy to clipboard
{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

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