Lottie Preview

About the Lottie Preview app

Lottie Preview brings your animations to life directly within Contentful. Designed for teams working with Lottie JSON files, this app adds an inline animation player to the JSON field editor, making it easy to visualize and validate your animations in real-time, without ever leaving Contentful. Whether you're a designer, developer, or content editor, Lottie Preview simplifies the workflow and adds a layer of interactivity to your structured content.Learn more about Lottie Files.

Features

Inline Preview

• Instantly preview your Lottie animations directly inside the Contentful entry editor.

Enhanced JSON Field Editor

• Built on top of Contentful’s native JSON field editor to add visual playback functionality.

Supports Lottie Format

• Uses react-lottie-player to display animations based on standard Lottie JSON data.

Simple Setup

• No external configuration required—just install the app, assign it to your JSON field, and go.

Optimized for Content Authors

• Designed to be helpful and non-technical, allowing anyone to view animation behavior without needing to understand the JSON structure.

Screenshots