Je test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du test Lottie Integration | Documentation for Tiki Wiki CMS Groupware
Loading...
 
Skip to main content
Je test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du test
Page actions
PDF Get a short URL Open in WebDAV

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


History Source Comments
Slideshow
Je test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du test
Je test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du testJe test\ bool(false) \Fin du test