# gif Demos
## Animated GIF Export
Animation rendered as looping GIF with specified duration.
<div class="demo-source">
```jsonl
{"type": "sprite", "name": "blink1", "size": [5, 5], "palette": {".": "#00000000", "y": "#F1C40F", "b": "#2C3E50"}, "grid": ["..y..", ".yyy.", "ybyby", ".yyy.", "..y.."]}
{"type": "sprite", "name": "blink2", "size": [5, 5], "palette": {".": "#00000000", "y": "#F1C40F", "b": "#2C3E50"}, "grid": ["..y..", ".yyy.", "y.b.y", ".yyy.", "..y.."]}
{"type": "sprite", "name": "blink3", "size": [5, 5], "palette": {".": "#00000000", "y": "#F1C40F", "b": "#2C3E50"}, "grid": ["..y..", ".yyy.", "y...y", ".yyy.", "..y.."]}
{"type": "animation", "name": "star_blink", "duration": "250ms", "loop": true, "frames": ["blink1", "blink2", "blink3", "blink2"]}
```
</div>
<div class="demo-container" data-demo="animated">
</div>