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

Unofficial package for fetching users information based on National ID Number (Tanzania)

Cairo hooks for pre-commit

Pdraw - Generate Deterministic, Procedural Artwork from Arbitrary Text

Convert long numbers into a human-readable format in Python

GA SEI Unit 4 project backend for Bloom.

An extended, game oriented, turtle

LINUX-AOS (Automatic Optimization System)

Organize seu linux - organize your linux

We want to check several batch of web URLs (1~100 K) and find the phishing website/URL among them.

Demodulate and error correct FIS-B and ADS-B signals on 978 MHz.

Traditionally, there is considerable friction for developers when setting up development environments

A project to explore and provide useful code for Mango Markets

Hotpile: High Order Turing Machine Language Compiler

A python package for bitclout.

Identify and annotate mutations from genome editing assays.

Free components that wrap up Python into Delphi and Lazarus (FPC)

World Happiness Report is a publication of the Sustainable Development Solutions Network

A middle-to-high level algorithm book designed with coding interview at heart!

A lightweight Python module to interact with the Mitre Att&ck Enterprise dataset.

PSP (Python Starter Package) is meant for those who want to start coding in python but are new to the coding scene.