Creative Pull-To-Refresh Animations

One thing that’s fascinating about mobile design is how fast it changes. Great design ideas are only obvious in hindsight, and one of the more interesting design paradigm’s from the last few years is that of the pull-to-refresh action. The act of swiping down to initiate a refresh was originally found in the Tweetie app that Twitter acquired – and after they created it, more and more developers started to bring it into their own apps.

Now it’s the known way to refresh app content across a huge number of the big software companies, from Facebook and Twitter to Snapchat, Instagram and many, many more. Designers have also started to have some fun with it, as it can be quite a nice place to add a fun, interesting loading animation or to introduce some playful movement on the swipe. To help show off what I mean, I’ve brought together a collection of creative, unusual pull-to-refresh animations. Some of these are live and in real apps, while others are just experiments or concepts – but I hope that you find each one interesting and that it gives you some ideas that you can use for your own mobile apps.

Pull to Refresh Animation[Above: https://dribbble.com/shots/2130661-Gooey-Refresh]

Fishing Animation[Above: https://dribbble.com/shots/2134376-Fishing-Reflash-Animation]

Gears Pull to Refresh[Above: https://dribbble.com/shots/1974767-gear-powered-pull-to-refresh-animation]

Pull-to-refresh[Above: https://dribbble.com/shots/1956070-Pull-to-refresh]

Space PTR[Above: https://dribbble.com/shots/2111739-Pull-To-Refresh]

Fitness Tracker[Above: https://dribbble.com/shots/2075149-Fitness-Tracker-Refresh-Animation]

Pull To Refresh[Above: https://dribbble.com/shots/1797373-Pull-Down-To-Refresh]

Pull Down To Refresh[Above: https://dribbble.com/shots/1957837-Pull-To-Refresh]

Pull and Rebound[Above: https://dribbble.com/shots/2020505-Pull-to-refresh-rebound-effect]

Instagram Loader[Above: https://dribbble.com/shots/2065485-Instagram-Loader]

Pull to Refresh Animation[Above: https://dribbble.com/shots/1958252-Pull-To-Refresh]

Pull To Refresh[Above: https://dribbble.com/shots/2067564-Replace]

Refresh Animation[Above: https://dribbble.com/shots/2059133-pull-to-refresh]

Nom[Above: https://dribbble.com/shots/2096383-Pull-To-Refresh-V2]

Spaceship pull-to-refresh[Above: https://dribbble.com/shots/2101933-GIF-for-Pull-Down-Space-Ship]

So there you have it – my favourite examples of pull-to-refresh concepts. Which of these did you like best? Have you created any others that you’d like to share? I’d love to hear what you have to think in the comments.

Submit a Comment