The Wizard Journal
Short, practical notes on motion, performance and front-end craft for the designers and developers who ship it.
Showing 12 of 12 articles
A Lottie animation may look perfect in After Effects but still cause problems when it reaches a live website or application. It…
You found the perfect Lottie animation, but the colors don’t match your brand. Maybe it’s blue and your website uses purple. Do…
Lottie animations can make a website feel more interactive and engaging, but loading too many animations at the same time can…
Lottie animations make React websites more interactive with lightweight, scalable animations. Instead of using GIFs or videos…
If you’ve downloaded or exported a Lottie animation, you’ve probably encountered two file formats: .json and .lottie. Both…
Need to turn a Lottie animation into a video for social media, presentations, marketing, or client previews? Converting Lottie to…
Need to use a Lottie animation somewhere that doesn’t support Lottie files? Converting your animation to a GIF can make it easier…
Adding animation to a website doesn’t have to mean embedding a large video file or creating complex CSS animations from scratch…
Introduction Lottie and GIF are both used for animation, but they solve different problems. Lottie vs GIF comparison Feature…
Have you ever received a Lottie JSON file and wondered: “How do I open this?” A Lottie JSON file isn’t designed to be opened like…
If you’ve worked with modern websites or mobile applications, you may have seen animations that feel smoother and more…
Lottie animations are one of the easiest ways to add motion to websites and applications without relying on large video or GIF…
Lottie Wizard
Skip the After Effects timeline. Grab a production-ready Lottie pack, drop it in, and get back to shipping.
1,200+ assets across categories. JSON, After Effects and HTML. Web and app ready.