Skip to content

manuel-martos/LottieViewer

Repository files navigation

LottieViewer

LottieViewer is an open-source application built with Compose Multiplatform, targeting desktop and Web environments. The application allows users to drag and drop Lottie files (.json) to play and preview animations. It leverages the ViewModel to handle the application state and utilizes the awesome Compottie library for rendering Lottie animations on the desktop.

Features

  • Drag and Drop: Easily drag and drop Lottie files to play them.
  • ViewModel Integration: Utilizes the latest multiplatform ViewModel to manage the application state.

Overview

overview.mp4

Getting Started

Installation

  1. Clone the repository:
    git clone https://github.com/manuel-martos/LottieViewer
  2. Open Android Studio.
  3. In Android Studio, select File > Open....
  4. Navigate to the cloned repository directory and select the build.gradle.kts file or the project root directory, then click OK to open the project.
  5. Let Android Studio sync the project. This may take a few minutes as it downloads necessary dependencies.

Running Desktop Application

  1. In the Gradle tool window (usually on the right side of Android Studio), expand the composeApp project.
  2. Within the composeApp project, expand Tasks > compose desktop.
  3. Double-click the run task to launch the application.

Once the application is running, you can drag and drop any Lottie file (.json) into the application window, and the animation will automatically start playing.

Running Web Application

  1. In the Gradle tool window (usually on the right side of Android Studio), expand the composeApp project.
  2. Within the composeApp project, expand Tasks > kotlin browser.
  3. Double-click the wasmJsBrowserProductionRun task to launch the application.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

Contact

For any inquiries, please contact mmartos@degirona.info.