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

COVID-19 case tracker in Dash

0CD - BinaryNinja plugin to introduce some quality of life utilities for obsessive compulsive CTF enthusiasts

CALPHAD tools for designing thermodynamic models, calculating phase diagrams and investigating phase equilibria.

Exam assignment for Laboratory of Bioinformatics 2

XlvnsScriptTool - Tool for decompilation and compilation of scripts .SDT from the visual novel's engine xlvns

Python Excuse Generator

Notebooks for computing approximations to the prime counting function using Riemann's formula.

Python - Aprendendo Python na ByLearn

InfiniPy has some neat features - like the endpoint for function

Flow control is the order in which statements or blocks of code are executed at runtime based on a condition. Learn Conditional statements, Iterative statements, and Transfer statements

Canim1 - Simple python tool to search for packages without m1 wheels in poetry lockfiles

Notes on the Deep Learning book from Ian Goodfellow, Yoshua Bengio and Aaron Courville (2016)

(Pre-)compromise operations for MITRE CALDERA

Swim between bookmarks in the Windows terminal

Stori QA Automation Challenge

Python dictionaries with advanced dot notation access

ChieriBot,词云API版,用于统计群友说过的怪话

A program that lets you use your tablet's tilting to emulate an actual joystick on a Linux computer.

A minimalist starknet amm adapted from StarkWare's amm.

How to build an Fahrenheit to Celsius Converter in Python