Our Animated Logo

At Super WordSearch we wanted to do something special with our logo, back in 1999 we would have gone about using an animated gif with a solid matte colour and yada yada... OMG I'm boring myself with how old and archaic that sounds!

In todays web, SVG graphics are now supported by pretty much all browsers, and that led the lovely team of developers at https://www.airbnb.com/ to Develop a fantastic library called Lottie that lets you use After Effects to animate a logo and output it as an animated JavaScript/SVG file directly to your browser or Application.

Using After Effects you can create neat looking animations

Move dat body!

Once you've made your lovely after effects animation you then simply use a plugin called Bodymovin that lets you export it as a JSON file ready for use in your website or App!

Adding into your Website

Now you gotta simply include the Lottie source code for example from https://cdnjs.com/libraries/bodymovin, and then add some code to get your animation rollin:

^ Animated Vector Lottie File - Click it to reload the animation!

And that's it...

We now have a lovely looking animated logo using pure vector graphics that can be easily embedded into our pages using the Lottie JavaScript library or directly into our Application using the Lottie Xamarin library