# Giftbox Skins {% hint style="success" %} We can provide a Figma template for Mini-games skins upon request. Please note that any images exported from the template must be compressed before uploading them to the BO. You can use [\[this link\]](https://tinypng.com/) to compress your images. For further assistance, please contact your Customer Success Manager! {% endhint %} For the **'GiftBox,**' you need to upload a set of images using the reference package from the archive. Below you can find our global skins, which are available in the Back Office. If you'd like to customize them, you can use the reference packages provided: {% file src="" %}

{% file src="" %}

{% file src="" %}

{% file src="" %}

{% file src="" %}

{% file src="" %}

{% file src="" %}

**Note:**\ For the 'Giftbox' game your JSON file should be a valid Lottie animation. You can test it with or another Lottie files tester website. The animation should have the same frame count, as follows: \[0-35] -> loop;\ \[36] -> stop frame before opening for all boxes except the selected one;\ \[35, 80] -> win animation frames;\ \[81, 90] -> closing the box animation;\ \[91, 118] -> lose animation frames; When creating the Lottie animation, make sure the animation container has the correct proportions: * Height: `2x` * Width: `x`

The 'animation container' refers to: * Illustrator: the Artboard * Figma: the Frame * After Effects: the Composition This container defines the background area where the animation will play, so keeping the proportions consistent ensures the animation displays correctly in the minigame. The opening animation of the Giftbox can be adjusted on skin level from the BO. The ‘Animation speed’ setting is set to 0.5 by default. You can choose any value between 0.1 (slowest) and 1 (fastest), giving you full control over how fast the opening giftbox animation plays.

You can customize your own JSON from the default skin pack, but please ensure that you maintain the total frame count and frame animations as per our guidelines.