MagicLottie is a beautiful, open-source, mobile-first Lottie & TGS animation editor.
Import, preview, edit, and export Lottie JSON or Telegram TGS files, all in your browser, no server required.
Perfect for Telegram sticker creators, designers, or anyone who loves animation!
-
Download ZIP
or
git clone https://github.com/wizardloop/magiclottie.git -
Open
index.htmlin your browser, that's it!
No installation, no server, works 100% offline. -
Or try the Live Demo now!
- Mobile-first, responsive design
- Supports
.json(Lottie) and.tgs(Telegram) files - Edit animation JSON in real-time
- Export as Lottie JSON or Telegram TGS (GZIP)
- One-click, serverless, privacy-friendly (no data ever leaves your device)
- 100% open-source and MIT licensed
| Action | How |
|---|---|
| Import animation | Click Choose file (.json or .tgs) |
| Preview & edit | Instantly see the animation and the editable JSON |
| Edit JSON | Make any changes to the JSON in the right pane |
| Export as JSON | Click the “JSON” button to download edited animation as Lottie JSON |
| Export as TGS | Click the “TGS” button to export as Telegram-compatible .tgs file |
- bodymovin/lottie-web
- pako (for TGS GZIP)
- Font Awesome
- Pure HTML, CSS, vanilla JS - ultra lightweight!
Pull requests, suggestions & issues are welcome!
Feel free to submit new features, design tweaks, bugfixes, or even new ideas for animation tools.
- Fork the repo & create your feature branch
- Open a Pull Request (with a clear description)
- Or open an Issue to suggest or request a feature
MIT License © WizardLoop
See LICENSE
- Code, UI & magic: WizardLoop