Category: preloader

Kylo Ren CSS Page Preloader

Today we want to share something a little bit different with you: an image-less animated Star Wars tribute to Kylo Ren made with HTML & CSS only. This demo is kindly sponsored by PageCloud, the website builder you’ll love to use. If you would like to become a demo sponsor, you can find out more here. Wait, ...

Spring Loaders with Rebound and Canvas

View demo Download source Today we’re going to create a loading spinner that’s animated with Rebound with a spring motion. We’ll be using Canvas to cover the whole page and to display the spinner made of polygonal shapes that inscribe in itself. Then we’ll make the motion interesting and playfu...

Creating a “Jump Loader” Animation with SVG and GSAP

View demo Download source In this tutorial you will learn how to create a playful Jump Loader animation using SVG and GSAP, the animation platform by GreenSock. The Jump Loader effect relies on a very useful plugin, the DrawSVGPlugin, which is a premium plugin that will help you with many SVG animations and effects....