CSS Loaders | Bypeople

deals

premiumpacks & css loaders (101 items)

A collection of CSS Loaders beautifully animated in pure CSS. You will find spinners, liquid loaders, character animations, bounce animations, animated icon loaders, and much more, delivered in libraries, collections, or snippets, to integrate into your projects or use as inspiration for your own animations.

freebies

This is a lazy loading element created with the use of inline SVG to create lightweight thumbnails. This resource is mainly meant to show and enhan...

This is a lazy loading element created with the use of inline SVG to create lightweight thumbnails. This resource is mainly meant to show and enhance the user's experience with lazy loading images to render them first while keeping the association with the space and the relation with the image's shape. Created by CodePen user Mikael Ainalem.

A foot tapping animation with a flat art style that can be used as a preloader. It uses SVG animated with GreenSock (GSAP) and their Morph SVG plug...

A foot tapping animation with a flat art style that can be used as a preloader. It uses SVG animated with GreenSock (GSAP) and their Morph SVG plugin. This loader animation was created by CodePen user Darin.

This is a set of 8 animated elements that can be perfectly set as loaders. The animations are achieved via keyframes in CSS pre-compiled through SC...

This is a set of 8 animated elements that can be perfectly set as loaders. The animations are achieved via keyframes in CSS pre-compiled through SCSS. Created by CodePen user Paolo Duzioni.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

A collection of 6 animated Google loaders built in SCSS. The elements animations are smooth and balanced with no visual lag, and each with unique s...

A collection of 6 animated Google loaders built in SCSS. The elements animations are smooth and balanced with no visual lag, and each with unique shape and motion. Created by CodePen user Amine Bahmed.

A set of CSS loading animations created with three dots, keeping it minimal on design and inbuilt due that animations are created out of a single e...

A set of CSS loading animations created with three dots, keeping it minimal on design and inbuilt due that animations are created out of a single element. Among its features, you have elastic, pulse, collision and carousel animations, and some other that are more on the experimental side. Created by Zongbin under MIT license.

Geometric CSS loader that animates circular shapes in a spiral motion and along the path the shapes are gradually scaled down. Created by Codepen u...

Geometric CSS loader that animates circular shapes in a spiral motion and along the path the shapes are gradually scaled down. Created by Codepen user Louis Hoebregts.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% Off)

Loop animation of a SVG element made without using JavaScript, a perfect fit for a web loader. The total amount of code is minimal and the animatio...

Loop animation of a SVG element made without using JavaScript, a perfect fit for a web loader. The total amount of code is minimal and the animation is smooth and fluid. Created by Codepen user Ana Tudor.

Epic Spinners is a collection of easy to use pure CSS spinning loaders which are available both as HTML and CSS snippets. With easily customised vu...

Epic Spinners is a collection of easy to use pure CSS spinning loaders which are available both as HTML and CSS snippets. With easily customised vueJS components you can easily configure spinners' size, color and animation speed. There are 20 spinners in total, with endless styles. Developed by Epicmax with designs by Vasili Savitski.

Simple CSS spinning loader with a single element, the spinner changes colors as it progresses through the cycle going through shades of pink, red, ...

Simple CSS spinning loader with a single element, the spinner changes colors as it progresses through the cycle going through shades of pink, red, and blue.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

Neat looking loading animation made purely in CSS by Codepen user Onno, this loader features a smooth, clean animation of droplets falling off the ...

Neat looking loading animation made purely in CSS by Codepen user Onno, this loader features a smooth, clean animation of droplets falling off the rectangle that goes along the text to signify loading is in progress.

Collection of neat looking, performance focused pure CSS loading animations by Connor Atherton. Each animation is limited to a small subset of CSS ...

Collection of neat looking, performance focused pure CSS loading animations by Connor Atherton. Each animation is limited to a small subset of CSS properties in order to avoid expensive painting and layout calculations. These are released under an MIT license, so you may use them however you want.

A cool loader made in CSS that consists of a set of bouncing spheres. It is multicolor but the style can be easily altered, as well as the shape an...

A cool loader made in CSS that consists of a set of bouncing spheres. It is multicolor but the style can be easily altered, as well as the shape and the size of the spheres.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

An interesting CSS loader in the shape of a cat. It is circular and can be implemented easily on any web project. The CSS is clean and really light...

An interesting CSS loader in the shape of a cat. It is circular and can be implemented easily on any web project. The CSS is clean and really lightweight.

A cool popsicle loader made in pure CSS that can be used on a website for kids or can be adapted on a mobile app. Its code is clean and easy to int...

A cool popsicle loader made in pure CSS that can be used on a website for kids or can be adapted on a mobile app. Its code is clean and easy to integrate into any project.

A colorful loader made with pure CSS in the shape of a heart. It can be used in websites dedicated to health and fitness services. The code is ligh...

A colorful loader made with pure CSS in the shape of a heart. It can be used in websites dedicated to health and fitness services. The code is lightweight and easy to integrate.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

An animated loader ready to be integrated on your website. It was made in pure CSS, is really fluid, and lightweight. It has a light mode and a dar...

An animated loader ready to be integrated on your website. It was made in pure CSS, is really fluid, and lightweight. It has a light mode and a dark mode when you hover over.

A loader made in CSS entertains the user while the page loads. It can be used in websites or mobile apps. The loader is lightweight and really easy...

A loader made in CSS entertains the user while the page loads. It can be used in websites or mobile apps. The loader is lightweight and really easy to integrate on your personal or commercial projects.

A set of animated CSS spinners and loaders that also happen to be customizable, easy to integrate (thanks to npm or Bower) and modular.

A set of animated CSS spinners and loaders that also happen to be customizable, easy to integrate (thanks to npm or Bower) and modular.

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placehol...

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placeholders, Vector Shape Elements, Scalable World & USA State Maps, Infographics, Tons of Content More! Only 19$ (92% Off)

This project mimics command line spinners like those from cli-spinners and brings them to the web. Each one is a fixed sized element with a pseudo ...

This project mimics command line spinners like those from cli-spinners and brings them to the web. Each one is a fixed sized element with a pseudo element with line breaks.

Spinners is a collection of HTML and CSS animations for loading icons to show that is some content loading. All you have to do to use it is copy th...

Spinners is a collection of HTML and CSS animations for loading icons to show that is some content loading. All you have to do to use it is copy the Spinner's HTML and CSS code and paste it into your project.

This is a set of SCSS mixins for single element loaders and spinners. There are 12 examples, all you have to do is clone or download the repo and i...

This is a set of SCSS mixins for single element loaders and spinners. There are 12 examples, all you have to do is clone or download the repo and include the source folder to your project.

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick desi...

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick designs with tons of mojo, only 19$ (93% Off)

A CSS3 spinning loader with several rings. Additional rings can be added easily by adding a new div to the HTML, changing the class name and adjust...

A CSS3 spinning loader with several rings. Additional rings can be added easily by adding a new div to the HTML, changing the class name and adjusting its properties. This simple experiment was made by Codepen user Elias.

A burst loader made in CSS inspired by a Dribbble shot; the effect is really simple, yet it may look nice in a mobile app or a website. Created by ...

A burst loader made in CSS inspired by a Dribbble shot; the effect is really simple, yet it may look nice in a mobile app or a website. Created by Gregor Adams, can be used for free.

An amazing loading icon that features a summation symbol made out of a dark ribbon that slides along making itself into the shape of the symbol.

An amazing loading icon that features a summation symbol made out of a dark ribbon that slides along making itself into the shape of the symbol.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% Off)

Pure CSS Progress is a code snippet that generates 3D liquid looking loading bars that come in 3 different default bright colors featuring glowing ...

Pure CSS Progress is a code snippet that generates 3D liquid looking loading bars that come in 3 different default bright colors featuring glowing and translucid effects. This set of bars was developed by Rafael González.

A set of CSS techniques applied to SVG elements in order to generate loading animations. some of the animations you'll find represent a clock, roun...

A set of CSS techniques applied to SVG elements in order to generate loading animations. some of the animations you'll find represent a clock, round bar, fading and jumping ellipses. This is a creation of Nikhil Krishnan.

A nice loading effect representing a bouncing cube for any kind of website or mobile app. The code can be implemented easily, and you can make the ...

A nice loading effect representing a bouncing cube for any kind of website or mobile app. The code can be implemented easily, and you can make the required changes to match the style or colors of your creations.

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Ne...

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Networking, e-Commerce, Design, Data, IT Certifications, and much more! (98% Off)

A beautiful flat flipbook effect made in pure CSS that can be used as a loader on a learning website. The code is simple, really lightweight, and i...

A beautiful flat flipbook effect made in pure CSS that can be used as a loader on a learning website. The code is simple, really lightweight, and it uses keyframes. It is free and easy to implement.

Loaders.css is a delightful and performance-focused set of pure CSS loading animations. It is comprised of 28 loaders, although new loaders are add...

Loaders.css is a delightful and performance-focused set of pure CSS loading animations. It is comprised of 28 loaders, although new loaders are added over time. They use very little code, which makes them lightweight and easy to implement. This set was created by Connor Atherton and it is licensed under MIT.

A simple loading animation made in pure CSS composed of gears in several colors. It was inspired by a Dribbble shot made by Petr Had. This snippet ...

A simple loading animation made in pure CSS composed of gears in several colors. It was inspired by a Dribbble shot made by Petr Had. This snippet can be used in any kind of website, and it was created by Jamie Coulter.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use License.

A hexagonal preloader wrote in SCSS, perfect for modern websites and mobile apps. The hexagon appears and disappears rotating clockwise.This snippe...

A hexagonal preloader wrote in SCSS, perfect for modern websites and mobile apps. The hexagon appears and disappears rotating clockwise.This snippet was created by Roland Lösslein.

A beautiful animation of an alien abduction made in CSS. It can be used in any kind of digital and web project, like a kids site or such. This snip...

A beautiful animation of an alien abduction made in CSS. It can be used in any kind of digital and web project, like a kids site or such. This snippet was created by Bia.

A cool atomic loader made in CSS perfect for science websites or projects. It has three spinning rings in different colors. It was created by Yusuf.

A cool atomic loader made in CSS perfect for science websites or projects. It has three spinning rings in different colors. It was created by Yusuf.

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace ea...

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace easily every detail. Temporal promo!

A cool CSS loader that consists of two squares, one full and the other outlined. The exterior loader moves while the inner one remains motionless. ...

A cool CSS loader that consists of two squares, one full and the other outlined. The exterior loader moves while the inner one remains motionless. This loader was created by Sebastian Inman.

A beautiful loader created entirely with CSS. The loader consists of a set of dots, and a white dot that stays alway at the bottom. The loader was ...

A beautiful loader created entirely with CSS. The loader consists of a set of dots, and a white dot that stays alway at the bottom. The loader was created by Michiel Bijl.

A nice CSS loader depicting a hand, as a way to indicate you are actually waiting for something. This hand was created Codepen's user r4ms3s based ...

A nice CSS loader depicting a hand, as a way to indicate you are actually waiting for something. This hand was created Codepen's user r4ms3s based on an animated design found on Dribbble. It does not use CSS.

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a l...

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a limited time!

A beautiful multi-color rotating loader created with pure CSS. It consists of a rotating set of particles forming kind of a star. It is lightweight...

A beautiful multi-color rotating loader created with pure CSS. It consists of a rotating set of particles forming kind of a star. It is lightweight and can be included in any website to entertain the user while the page loads. This code snippet was made by White Wolf Wizard.

A beautiful loader created with CSS that consists of some linear dots, styled with a simple yellow-to-red gradient. This loader fits mobile apps pe...

A beautiful loader created with CSS that consists of some linear dots, styled with a simple yellow-to-red gradient. This loader fits mobile apps perfectly and even some websites. It was created by Codepen user Marian-COJOC-ro.

A beautiful loader made with CSS and Canvas. It is full of little squares flowing through space. The cursor is replaced by a focal light that creat...

A beautiful loader made with CSS and Canvas. It is full of little squares flowing through space. The cursor is replaced by a focal light that creates shadows from the squares. It is a compelling code snippet that can entertain people while a page loads, or it can work as the base of a game. It was created by Mladen Stanojevic.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

A beautiful loader made in CSS that includes a logo and inspired in the Material Design trend. It uses very few effects, but it moves smoothly and ...

A beautiful loader made in CSS that includes a logo and inspired in the Material Design trend. It uses very few effects, but it moves smoothly and its colors change. It was created by Paul Thomas.

A cool CSS animation featuring a circle and many waves of different tones moving inside of it quickly. You can thank Konstantinos Tsatsarounos for ...

A cool CSS animation featuring a circle and many waves of different tones moving inside of it quickly. You can thank Konstantinos Tsatsarounos for putting this up on Codepen.

A beautiful CSS and JavaScript preloading effect similar to those created with the Google Material Design style. It consists of a set of semi-circu...

A beautiful CSS and JavaScript preloading effect similar to those created with the Google Material Design style. It consists of a set of semi-circular loaders in multiple colors that can be used in any type of content. This is a cool code snippet created by Brandon Travis.

Lifetime Access: The Ultimate Engagement, Lead Generation, & Marketing Solutions to Push Your Site To The Next Level!

Lifetime Access: The Ultimate Engagement, Lead Generation, & Marketing Solutions to Push Your Site To The Next Level!

A fantastic CSS effect for creating an hourglass that spins back and forth. Simple and effective way to represent loading times in your developments.

A fantastic CSS effect for creating an hourglass that spins back and forth. Simple and effective way to represent loading times in your developments.

A cool loading animation composed of multiple dots that float around at different speeds, making for an always-changing scenario. Created with pure...

A cool loading animation composed of multiple dots that float around at different speeds, making for an always-changing scenario. Created with pure CSS3 by Patrik Hjelm.

The title explains it all, really. This element is formed by various dots and is part of an educational project by Dennis Gaebel.

The title explains it all, really. This element is formed by various dots and is part of an educational project by Dennis Gaebel.

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

A sweet collection of colorful loading animations in nothing but CSS3. They come is many different colors and sizes to match your design perfectly.

A sweet collection of colorful loading animations in nothing but CSS3. They come is many different colors and sizes to match your design perfectly.

A jQuery plugin that resembles the Material Design preloader created by Google. It is really simple and lightweight, and it gives your designs a di...

A jQuery plugin that resembles the Material Design preloader created by Google. It is really simple and lightweight, and it gives your designs a different and colorful appearance. To use it, just add the jQuery plugin and the CSS file provided, and initiate the plugin. It was created by Aaron Lumsden and it's free!

A simple set of three buttons that overlap in an infinite loop to conform a smooth loading animation. Made with only CSS by David DeSandro.

A simple set of three buttons that overlap in an infinite loop to conform a smooth loading animation. Made with only CSS by David DeSandro.

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator...

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator. Only $14!

A simple CSS loading animation made with multiple bubbles that expand quickly one after the other. Each bubble also haves a unique opacity value.

A simple CSS loading animation made with multiple bubbles that expand quickly one after the other. Each bubble also haves a unique opacity value.

A very interesting loading animation coded by Dennis Gaebel, featuring multiple dots that move, separate and contract to produce a superb effect.

A very interesting loading animation coded by Dennis Gaebel, featuring multiple dots that move, separate and contract to produce a superb effect.

Five sharp concepts of loading animations for you web projects, created with nothing but CSS. They make good use of animations and fading effects t...

Five sharp concepts of loading animations for you web projects, created with nothing but CSS. They make good use of animations and fading effects to achieve the right look.

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

A loading animation created in CSS, following the guidelines of Material design. The interaction between the two elements really makes it a worthy ...

A loading animation created in CSS, following the guidelines of Material design. The interaction between the two elements really makes it a worthy addition to any project.

A fantastic animation brought to life with pure CSS featuring different speeds, colors and lengths in the same smooth motion.

A fantastic animation brought to life with pure CSS featuring different speeds, colors and lengths in the same smooth motion.

An animated CSS Ribbon loader, highly customizable and perfect to be included in your personal or commercial project. The ribbon moves up and down ...

An animated CSS Ribbon loader, highly customizable and perfect to be included in your personal or commercial project. The ribbon moves up and down changing its color.

240+ Vector Patterns & Shapes, Only $14! Seamless Vintage Geometric Styles & Moroccan Tile Patterns, Every Asset In Vector Formats Ai & EPS.

240+ Vector Patterns & Shapes, Only $14! Seamless Vintage Geometric Styles & Moroccan Tile Patterns, Every Asset In Vector Formats Ai & EPS.

A very eye-catching animation including a few moving dots inside a circle. The balls bounce away when they collide, making the loader look quite po...

A very eye-catching animation including a few moving dots inside a circle. The balls bounce away when they collide, making the loader look quite polished.

Created with pure CSS, this trio of dots comes out of the bottom half of the screen, jumping and coming back down. The mud-like effect when the dot...

Created with pure CSS, this trio of dots comes out of the bottom half of the screen, jumping and coming back down. The mud-like effect when the dots break from the dark part is a subtle, but effective touch.

A collection of flipping loaders created in HTML and CSS (SCSS). They use the 2D and 3D transforms, this code snippet was created by Ashley Nolan a...

A collection of flipping loaders created in HTML and CSS (SCSS). They use the 2D and 3D transforms, this code snippet was created by Ashley Nolan and was uploaded to Codepen. You can edit it to fit your design.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

A beautiful animation for a cubic loader. It consists of a cube, and several squares on it (even circles) as the sides of the cube. This snippet is...

A beautiful animation for a cubic loader. It consists of a cube, and several squares on it (even circles) as the sides of the cube. This snippet is based in another cubic snippet, less structured and simpler than this one. It has been created in CSS and HTML, and it can be used for free by anyone. Lokesh Suthar created this.

A compelling loader; perfect to integrate into any web project, or mobile application. It has a flat style and moves smoothly. It fits perfectly an...

A compelling loader; perfect to integrate into any web project, or mobile application. It has a flat style and moves smoothly. It fits perfectly any development application or website. This tool was created by Nicolas Escoffier and uploaded to Codepen.

A simple wavy loading animation that looks like the waves created by rocks when thrown into water, particularly with that background color. Develop...

A simple wavy loading animation that looks like the waves created by rocks when thrown into water, particularly with that background color. Developed by Charbs.

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, ...

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, limited-time offer.

A very impressive effect created with only CSS. The idea is to animate a 'folded' piece of background along with a geometric figure on top, followe...

A very impressive effect created with only CSS. The idea is to animate a 'folded' piece of background along with a geometric figure on top, followed by another background of a different color.

Ten different spinner designs using only CSS3 for you to integrate it into your projects. If you look for variety and options, this is certainly on...

Ten different spinner designs using only CSS3 for you to integrate it into your projects. If you look for variety and options, this is certainly one to look for.

A nice little snippet for the creation of an animation, perfect for indicating loading of content. All credit goes to CSSDeck's Kaushalya Mandaliya.

A nice little snippet for the creation of an animation, perfect for indicating loading of content. All credit goes to CSSDeck's Kaushalya Mandaliya.

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duoton...

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duotone, and More. Bonus Vector Icons & Elements!

A nice little loading animation that morphs the element from one color to another while it's spinning. Made with pure CSS by LuckyVJ.

A nice little loading animation that morphs the element from one color to another while it's spinning. Made with pure CSS by LuckyVJ.

A simple animated block that gets filled and empty as it spins around. Put together with nothing but CSS by Codepen user Josh.

A simple animated block that gets filled and empty as it spins around. Put together with nothing but CSS by Codepen user Josh.

A cool text animation that makes the text expand and fade out, only to fade in and come back to its starting position. Courtesy of Paul Sullivan fr...

A cool text animation that makes the text expand and fade out, only to fade in and come back to its starting position. Courtesy of Paul Sullivan from Codepen.

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)

A wavy loading effect formed by multiple bars that fade in and out to create the effect. This was made with pure CSS by Codepen user Max.

A wavy loading effect formed by multiple bars that fade in and out to create the effect. This was made with pure CSS by Codepen user Max.

A cool loading animation composed of geometric figures in a minimal line style, each in a different color. Matt Null is the man in charge of this d...

A cool loading animation composed of geometric figures in a minimal line style, each in a different color. Matt Null is the man in charge of this development.

A really neat code snippet showing an animated loading screen, perfect for videogames and interactive works created with pure CSS by Codepen user A...

A really neat code snippet showing an animated loading screen, perfect for videogames and interactive works created with pure CSS by Codepen user Adam.

3D Scene Creators (top/front) + Mockup Bundle (Logo + Prints + Apple), 2800+ items worth $854 for only 25USD: The Ultimate Mock-Up Bundle

3D Scene Creators (top/front) + Mockup Bundle (Logo + Prints + Apple), 2800+ items worth $854 for only 25USD: The Ultimate Mock-Up Bundle

A fantastic set of loaders featuring animations and glowing effects, created with CSS and AJAX by Craig Buckler. No images were used.

A fantastic set of loaders featuring animations and glowing effects, created with CSS and AJAX by Craig Buckler. No images were used.

This really cool project bases itself on font icons to create a variety of little loading spinners that inform your users about the content being b...

This really cool project bases itself on font icons to create a variety of little loading spinners that inform your users about the content being brought up. Font used comes from IcoMoon.

A simple and colorful animated loading icon created with pure CSS3. The simple source code is available for free at Codepen.

A simple and colorful animated loading icon created with pure CSS3. The simple source code is available for free at Codepen.

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can als...

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can also get the 1TB package worth $1800 just for $29.

An awesome project that makes thorough use of icon fonts in order to generate loading spinners, combined with a bit of CSS.

An awesome project that makes thorough use of icon fonts in order to generate loading spinners, combined with a bit of CSS.

Ladda is a fantastic initiative that intends to show the loading progress of an action mixed within the same button that invoked it in the first pl...

Ladda is a fantastic initiative that intends to show the loading progress of an action mixed within the same button that invoked it in the first place, providing the users with smooth feedback. Progress bars can also be added in the background of the buttons along with multiple animations.

A code snippet that makes excellent use of CSS3 shadows and animates a glowing circle to indicate content is being loaded. A pen by user LliyoR.

A code snippet that makes excellent use of CSS3 shadows and animates a glowing circle to indicate content is being loaded. A pen by user LliyoR.

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (...

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (98% OFF)

A nice canvas exercise that shows an infinite circular animated loader for indicating the process.

A nice canvas exercise that shows an infinite circular animated loader for indicating the process.

An absolutely beautiful animation created with CSS3 and applying a lot of colors to indicate the loading process.

An absolutely beautiful animation created with CSS3 and applying a lot of colors to indicate the loading process.

A modest animation created with nothing but CSS3. You can use it to indicate the loading process in your projects.

A modest animation created with nothing but CSS3. You can use it to indicate the loading process in your projects.

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

A modest and colorful animated element that you can use to indicate a loading process in your project.

A modest and colorful animated element that you can use to indicate a loading process in your project.

A quirky set of black and white loaders animated with pure CSS. They offer different geometric shapes to match your designs better.

A quirky set of black and white loaders animated with pure CSS. They offer different geometric shapes to match your designs better.

A very simple, triangle-shaped loading animation created by Andrea Usseglio Gaudi, using nothing but CSS3.

A very simple, triangle-shaped loading animation created by Andrea Usseglio Gaudi, using nothing but CSS3.

2100+ Professional High-Quality Photo-Stock Macro, Landscapes, Nature, Black & White, Abstract and More, Priced Just $14 USD! (99%)

2100+ Professional High-Quality Photo-Stock Macro, Landscapes, Nature, Black & White, Abstract and More, Priced Just $14 USD! (99%)

A simple and modern-looking loading animation, inspired by the one seen on the Xbox SmartGlass app. Made with only CSS3.

A simple and modern-looking loading animation, inspired by the one seen on the Xbox SmartGlass app. Made with only CSS3.

Time passed by, but it looks pretty with this minimal spinner, animated with pure CSS3 by Noel Delgado from Codepen.

Time passed by, but it looks pretty with this minimal spinner, animated with pure CSS3 by Noel Delgado from Codepen.

A set of simple animated spinners created with SASS, featuring bright and modern tones. Credit to Max Karkowski from Codepen.

A set of simple animated spinners created with SASS, featuring bright and modern tones. Credit to Max Karkowski from Codepen.

Lifetime (No monthly fees) Password Manager and Form Filler, Save time and Boost the Safety of your Passwords with Military-Grade Encryption, Only ...

Lifetime (No monthly fees) Password Manager and Form Filler, Save time and Boost the Safety of your Passwords with Military-Grade Encryption, Only for $29 USD! (80% OFF)

A minimal loading animation inspired by the one found in Microsoft's Metro style. Check out all the code for free, courtesy of Codepen's Kev.

A minimal loading animation inspired by the one found in Microsoft's Metro style. Check out all the code for free, courtesy of Codepen's Kev.

A delicate loading animation featuring a smooth animation and a flashing text effect, all put together with CSS3. Elegant and useful for your next ...

A delicate loading animation featuring a smooth animation and a flashing text effect, all put together with CSS3. Elegant and useful for your next projects.

A compelling loading animation created with CSS. The loading is represented by a single dot moving from side to side, and it's perfect for any kind...

A compelling loading animation created with CSS. The loading is represented by a single dot moving from side to side, and it's perfect for any kind of project. It was created by Amio.

1100+ Vintage Designs Bundle, Only $19: Vector Ai, EPS10, PSD & SVG Files, Commercial Use, Illustrations, T-Shirts, Badges/Patches & More

1100+ Vintage Designs Bundle, Only $19: Vector Ai, EPS10, PSD & SVG Files, Commercial Use, Illustrations, T-Shirts, Badges/Patches & More

Animated CSS loaders in various colors to match your development. They feature strong, thick lines and a quirky color fill in the middle.

Animated CSS loaders in various colors to match your development. They feature strong, thick lines and a quirky color fill in the middle.

CSS spinners don't get much simpler than this. Use this all-CSS element to indicate your user's content in coming.

CSS spinners don't get much simpler than this. Use this all-CSS element to indicate your user's content in coming.

A neat loading animation inspired by the one found on Windows Phones. It makes clever use of CSS3 only to achieve its goal. Have a look!

A neat loading animation inspired by the one found on Windows Phones. It makes clever use of CSS3 only to achieve its goal. Have a look!

Mega 1600+ Isometric Objects & Mockups Bundle, Only $24: Stand Alone PSD Files, Separated Layers For Backgrounds & Shadows, Up To 8k Resolution, 20...

Mega 1600+ Isometric Objects & Mockups Bundle, Only $24: Stand Alone PSD Files, Separated Layers For Backgrounds & Shadows, Up To 8k Resolution, 20+ Object Categories

A pure CSS3 loader that will animate infinitely in circles until the content appears. It features a soft fading effect and easily editable colors.

A pure CSS3 loader that will animate infinitely in circles until the content appears. It features a soft fading effect and easily editable colors.

A hyper-fast and very attractive code snippet to bring up a loading animation. Use it to make your users wait in style.

A hyper-fast and very attractive code snippet to bring up a loading animation. Use it to make your users wait in style.

A classic loading image with a smooth hovering effect showcasing a set of lines rotating clockwise. It was created with pure CSS by Ethan Bustad. G...

A classic loading image with a smooth hovering effect showcasing a set of lines rotating clockwise. It was created with pure CSS by Ethan Bustad. Grab the code, implement it and enjoy.

Professional InDesign Templates, 480+ Pages, Only $19: Professional Magazine & Brochure Templates, A4 & U.S Letter Sizes, .INDD, .IDML & .INDT Form...

Professional InDesign Templates, 480+ Pages, Only $19: Professional Magazine & Brochure Templates, A4 & U.S Letter Sizes, .INDD, .IDML & .INDT Formats, Commercial Use

A simple loading animation featuring a bar that slowly fills a circle, coming back after that. Created with pure CSS by Tom Genoni.

A simple loading animation featuring a bar that slowly fills a circle, coming back after that. Created with pure CSS by Tom Genoni.

A set of CSS loading animations featuring a black and white palette with various shapes for you to choose from. Have a look, grab the code and enjoy.

A set of CSS loading animations featuring a black and white palette with various shapes for you to choose from. Have a look, grab the code and enjoy.

A simple loading spinner animation with a simple stop-and-go effect that gives it distinctive touch. Created with pure CSS by T.J. Fogarty.

A simple loading spinner animation with a simple stop-and-go effect that gives it distinctive touch. Created with pure CSS by T.J. Fogarty.

Artegra Sans Complete Font Family: 160+ Quality Fonts With 1600+ Glyphs Each In TTF & OTF Format, 9 Weights With Matching True Italics, Normal, Con...

Artegra Sans Complete Font Family: 160+ Quality Fonts With 1600+ Glyphs Each In TTF & OTF Format, 9 Weights With Matching True Italics, Normal, Condensed & Extended Width, Vast Latin & Cyrillic Language Support

A colorful loading bar animated with CSS3, it comprises of 4 little squares that change its color, one after the other to create the loading effect...

A colorful loading bar animated with CSS3, it comprises of 4 little squares that change its color, one after the other to create the loading effect. A design created by Codepen's Taufik Nurrohman.

A circle CSS loader with a line inside that spins clockwise, created by  Niels Oeltjen in CodePen.io

A circle CSS loader with a line inside that spins clockwise, created by  Niels Oeltjen in CodePen.io

A colored green star loader made in pure CSS that spins clockwise, created by Niels Oeltjen in CodePen.io

A colored green star loader made in pure CSS that spins clockwise, created by Niels Oeltjen in CodePen.io

Biggest Design Bundle Ever: Thousands Of Mobile & Web Templates, Wireframes, Flowcharts, Illustrations, UI/UX Kits & More For Sketch, XD, Figma, Ph...

Biggest Design Bundle Ever: Thousands Of Mobile & Web Templates, Wireframes, Flowcharts, Illustrations, UI/UX Kits & More For Sketch, XD, Figma, Photoshop, Illustrator, InVision

Pretty and simple CSS only spinner loader. It comprises of a circle colored half and it spins clockwise. It was designed by Niels Oeltjen.

Pretty and simple CSS only spinner loader. It comprises of a circle colored half and it spins clockwise. It was designed by Niels Oeltjen.

A loader that comes in the form of a bar that travels around the circle as the progress is completed. Quite smooth and easy on the eye, this can pr...

A loader that comes in the form of a bar that travels around the circle as the progress is completed. Quite smooth and easy on the eye, this can prove truly useful to make waiting times a little better for your visitors. The bar can be colored differently, and in fact, the rest of it can be edited as well to make it compatible with your website's design.