Inspiration for Grid Loading Animations
Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers.
We use Dave DeSandro’s Masonry for the grid layout and Julian Garnier’s anime.js for the animations.
The images used in the demo are from Unsplash.com and Pexels.com. The beautiful images in the third grid are by photographer Valeria Boltneva.
This demo is kindly sponsored by FullStory. If you would like to become a demo sponsor, you can find out more here.
We hope you enjoy the effects and find them inspirational!
References and Credits
- Masonry by Dave DeSandro
- anime.js by Julian Garnier
- Images from Unsplash.com and Pexels.com licensed under Creative Commons Zero (CC0) license
Inspiration for Grid Loading Animations was written by Mary Lou and published on Codrops.
LEAVE A REPLY
You must be logged in to post a comment.