1---
2title: 'Skottie - Lottie Animation Player'
3linkTitle: 'Skottie - Lottie Animation Player'
4
5weight: 10
6---
7
8Skia now offers a performant, secure native player for JSON animations derived
9from the Bodymovin plugin for After Effects. It can be used on any platform
10where you are using Skia, including Android & iOS.
11
12The player aims to build upon the Lottie player widely used for animations
13today, improving on the performance, feature set, and platform cohesiveness for
14our clients. We are big fans of the Bodymovin format and where possible,
15contributing advancements back to Bodymovin/Lottie.
16
17<br>
18
19## Sample JSON animations
20
21Here are some test samples rendering with Skia's animation player:
22
23<a href="https://skottie.skia.org/e6741dda67629da1f80c254dad3df865">
24  <skottie-inline-sk src="https://skottie.skia.org/_/j/e6741dda67629da1f80c254dad3df865" width=200 height=200></skottie-inline-sk>
25</a>
26<a href="https://skottie.skia.org/ffea72cf6be48fa061671c124ed7789c">
27  <skottie-inline-sk src="https://skottie.skia.org/_/j/ffea72cf6be48fa061671c124ed7789c" width=200 height=200></skottie-inline-sk>
28</a>
29<a href="https://skottie.skia.org/00e850cdbed7304985eaefe98a4e8a9c">
30  <skottie-inline-sk src="https://skottie.skia.org/_/j/00e850cdbed7304985eaefe98a4e8a9c" width=200 height=200></skottie-inline-sk>
31</a>
32<a href="https://skottie.skia.org/e1aca009d5ebec9bd122b87b018bb673">
33  <skottie-inline-sk src="https://skottie.skia.org/_/j/e1aca009d5ebec9bd122b87b018bb673" width=200 height=200></skottie-inline-sk>
34</a>
35<a href="https://skottie.skia.org/821fd79dd7437b97ba891e7a00970a06">
36  <skottie-inline-sk src="https://skottie.skia.org/_/j/821fd79dd7437b97ba891e7a00970a06" width=200 height=200></skottie-inline-sk>
37</a>
38<a href="https://skottie.skia.org/ad63f250084685c96edd9b52ae2f436b">
39  <skottie-inline-sk src="https://skottie.skia.org/_/j/ad63f250084685c96edd9b52ae2f436b" width=200 height=200></skottie-inline-sk>
40</a>
41<a href="https://skottie.skia.org/40f78ddc751c16348a08e1d61d3e78b1">
42  <skottie-inline-sk src="https://skottie.skia.org/_/j/40f78ddc751c16348a08e1d61d3e78b1" width=200 height=200></skottie-inline-sk>
43</a>
44<a href="https://skottie.skia.org/fc42db7c75741437b5cb0e90b3febc65">
45  <skottie-inline-sk src="https://skottie.skia.org/_/j/fc42db7c75741437b5cb0e90b3febc65" width=200 height=200></skottie-inline-sk>
46</a>
47<a href="https://skottie.skia.org/c16eee287f2cea44102b6670c66e60ab">
48  <skottie-inline-sk src="https://skottie.skia.org/_/j/c16eee287f2cea44102b6670c66e60ab" width=200 height=200></skottie-inline-sk>
49</a>
50
51\*Sample animations courtesy of the lottiefiles.com community
52
53<br>
54
55## Test server
56
57Test your Lottie files in our player at https://skottie.skia.org
58
59<br>
60
61## The code
62
63Skia's animation code entry point can be found here on
64[Googlesource](https://skia.googlesource.com/skia/+/master/modules/skottie/include/Skottie.h)
65and
66[GitHub](https://github.com/google/skia/blob/master/modules/skottie/include/Skottie.h).
67The code is part of Skia's library but can also be made available as a separate
68package.
69
70<br>
71
72## Embedding examples
73
74Sample C code for using the Skottie native player can be found
75[here](https://github.com/google/skia/blob/master/modules/skottie/src/SkottieTool.cpp).
76
77Android app code for inspiration can be found
78[here](https://github.com/google/skia/tree/master/platform_tools/android/apps/skottie).
79
80Example code embedding Skottie into our Viewer app is
81[here](https://github.com/google/skia/blob/master/tools/viewer/SkottieSlide.cpp).
82
83The Viewer or Skottie Android apps can be built following
84[these](/docs/user/sample/viewer) instructions.
85