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.
- 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.mp4
- Clone the repository:
git clone https://github.com/manuel-martos/LottieViewer
- Open Android Studio.
- In Android Studio, select File > Open....
- 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. - Let Android Studio sync the project. This may take a few minutes as it downloads necessary dependencies.
- In the Gradle tool window (usually on the right side of Android Studio), expand the
composeApp
project. - Within the
composeApp
project, expand Tasks > compose desktop. - 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.
- In the Gradle tool window (usually on the right side of Android Studio), expand the
composeApp
project. - Within the
composeApp
project, expand Tasks > kotlin browser. - Double-click the
wasmJsBrowserProductionRun
task to launch the application.
This project is licensed under the MIT License - see the LICENSE file for details.
For any inquiries, please contact mmartos@degirona.info.