Skip to main content

LottieFiles

A Reflex custom component for LottieFiles/dotLottie based on @lottiefiles/dotlottie-react.

Installation

PIP

pip install reflex-lottiefiles

Poetry

poetry add reflex-lottiefiles

Usage

Props

Name Type Default Description
autoplay bool False Auto-starts the animation on load
loop bool False Determines if the animation should loop
src string URL to the animation data (.json or .lottie)
data string Source as string
marker string Named marker
speed int 1
mode forward reverse bounce reverse-bounce forward Animation play mode
background_color string Background color of the canvas. A 6-digit or 8-digit hex color string
play_on_hover bool False Determines if the animation should play on mouse hover and pause on mouse out

Sample

from reflex_lottiefiles import LottieFiles

def index():
    return LottieFiles(
        src="URL",
        autoplay=True,
        loop=True,
    )

See demo code for details.

Release files for reflex-lottiefiles 0.0.2

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for reflex-lottiefiles 0.0.2
File Size Uploaded
reflex_lottiefiles-0.0.2.tar.gz 6.7 kB Details

Built distribution (wheel)

Table of built distributions (wheels) for reflex-lottiefiles 0.0.2
File Interpreter ABI Platform
reflex_lottiefiles-0.0.2-py3-none-any.whl Python 3 none any Details

Total release size: 13.9 kB

Release files / reflex_lottiefiles-0.0.2.tar.gz

Download URL reflex_lottiefiles-0.0.2.tar.gz
Size 6.7 kB
Tags Source
SHA-256 checksum
How to use checksums
ae283395a0e8958155db29502d7d4323249aab8e83166e6ae7a3806eedc211ca
BLAKE2b-256 checksum
How to use checksums
aae40e1b978acbb5124522c39f18dec7924e024783500f0911131abf49bc7414
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/5.1.1 CPython/3.11.2

Release files / reflex_lottiefiles-0.0.2-py3-none-any.whl

Download URL reflex_lottiefiles-0.0.2-py3-none-any.whl
Size 7.2 kB
Tags Python 3
SHA-256 checksum
How to use checksums
a286ccd573850bc86ffcafc4dde40e07c2fb14db6c006af33cf5cdc9873dc9d6
BLAKE2b-256 checksum
How to use checksums
9743e1ee901d5982488fb6aaa88009ced583c5b6721ef674c87b56fa4e37f350
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/5.1.1 CPython/3.11.2

Release history Release notifications | RSS feed

This release

0.0.2 This release

2 release files

0.0.1

2 release files

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page