Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Last update: Aug 18, 2022

Overview

Wagtail Lottie

Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Usage

Export your animation from Adobe After Effect with Bodymovin.
Compress the folder in zip format.
Create a Lottie animation from Wagtail and add this zip file.

Can be used like this at Wagtail page level :

from wagtail_lottie.models import LottieAnimation
from wagtail_lottie.widgets import LottieAnimationChooser
from wagtail_lottie.blocks import LottieAnimationChooserBlock


class HomePage(Page):
    lottie_animation_foreign_key = models.ForeignKey(LottieAnimation, on_delete=models.SET_NULL)
    lottie_animation_stream_field = StreamField([
        ('lottie_animation_block', LottieAnimationChooserBlock()),
        ('rich_text', blocks.RichTextBlock())
    ])

    content_panels = [
        FieldPanel('lottie_animation_foreign_key', widget=LottieAnimationChooser),
        StreamFieldPanel('lottie_animation_stream_field')
    ]

And rendered this way at html level :


{% include 'wagtail_lottie/lottie_animation.html' with value=page.lottie_animation_foreign_key %}


{% for block in page.lottie_animation_stream_field %}
    {% include_block block %}
{% endfor %}


<script src="{% static 'wagtail_lottie/lottie-player.js' %}">script>
<script src="{% static 'wagtail_lottie/lottie-animation.js' %}">script>

Setup

Install with pip :

pip install wagtail_lottie

Add wagtail_lottie to Django apps installed :

INSTALLED_APPS = [
    'wagtail_lottie',
    'wagtail.contrib.modeladmin',
    'generic_chooser',
    ...
]

Run some Django commands :

python manage.py collectstatic
python manage.py migrate

Set if needed Wagtail Lottie download folder in the Django settings (default value is 'wagtail_lottie') :

WAGTAIL_LOTTIE_UPLOAD_FOLDER = 'custom_location'

Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.

Related tags

Overview

Wagtail Lottie

Usage

Setup

Owner

Alexis Le Baron

Mannaggia is a python application to praise or more likely to curse the saints

Ultimate Microsoft Edge Uninstaller!

Python implementation of an automatic parallel parking system in a virtual environment, including path planning, path tracking, and parallel parking

This is an online course where you can learn and master the skill of low-level performance analysis and tuning.

This interactive script demonstrates the Menezes-Vanstone-EC-Cryptosystem

Tie together `drf-spectacular` and `djangorestframework-dataclasses` for easy-to-use apis and openapi schemas.

Ml-design-patterns - Source code accompanying O'Reilly book: Machine Learning Design Patterns

Youtube Channel Website

A python library with various gambling and gaming classes

Bad Apple printed out on the console with Python!

A continuation Of Project Glow By @glowstik-yt

Draw random mazes in python

An OBS script to fuze files together

Ontario-Covid19-Screening - An automated Covid-19 School Screening Tool for Ontario

This bot uploads telegram files to MixDrop.co,File.io.

[Cython] Vs [Python] Which one is Faster ?

Synthetik Python Mod - A save editor tool for the game Synthetik written in python

A simple package for interacting with the 9kw.eu anti-captcha service.

Goal: Enable awesome tooling for Bazel users of the C language family.

Two predictive attributes (Speed and Angle) and one attribute target (Power)