CSS Loaders | Bypeople

deals

premiumpacks & css loaders (102 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

A beautifully crafted collection of click-to-copy CSS effects including hovers, loaders, buttons, input effects and more. Designed with a focus on ...

A beautifully crafted collection of click-to-copy CSS effects including hovers, loaders, buttons, input effects and more. Designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup and ready to use open-source MIT licensed.

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.

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 fo...

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 for a limited time.

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.

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.

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

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.

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.

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multi...

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multimedia Icons.

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.

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.

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 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.

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.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

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.

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.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

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.

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.

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)

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.

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.

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

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.

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.

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Let...

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Letterheards, Brochures, CV/Resume Templates, INDD, PSD, Ai, EPS File Formats. Get this Bundle Now For Just $29!

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.

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.

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 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.

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 brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time

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.

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.

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 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.

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.

69 Fonts Typographic Toolbox, Only $12! Retro & Vintage Designs, Commercial Use License!

69 Fonts Typographic Toolbox, Only $12! Retro & Vintage Designs, Commercial Use License!

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.

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.

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Mu...

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Much More!

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.

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.

Lifetime Video Editing Software, Only $19.99! Full Suite of Post-Production Tools To Create Professional Masterpieces. Includes All Future Updates!

Lifetime Video Editing Software, Only $19.99! Full Suite of Post-Production Tools To Create Professional Masterpieces. Includes All Future Updates!

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.

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!

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty Free.

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty 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.

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.

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web P...

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web Projects.

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.

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.

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commerci...

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commercial Use

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.

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.

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

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.

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.

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 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.

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.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

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.

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.

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 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.

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.

15,000 Graphic Design Resources, Only $29! Photos, Textures, and Vector Files From Over 30 Content Categories, Unlimited Commercial Use!

15,000 Graphic Design Resources, Only $29! Photos, Textures, and Vector Files From Over 30 Content Categories, Unlimited Commercial Use!

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.

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.

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

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

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.

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.

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 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.

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.

4600+ Unique Slides for Keynote & Power Point Presentations Regularly Valued $584 Just for $29( 95% OFF)

4600+ Unique Slides for Keynote & Power Point Presentations Regularly Valued $584 Just for $29( 95% OFF)

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.

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.

I'm Creator Best Items: 900+ Hyper Quality Scene Creator Items from LStore! valued $107 Only $29 USD (73% Discount)

I'm Creator Best Items: 900+ Hyper Quality Scene Creator Items from LStore! valued $107 Only $29 USD (73% Discount)

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.

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.

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 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.

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.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

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.

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.

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 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!

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.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

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.

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.

120+ Photorealistic Apparel (Kids, Hoodies, Ladies & Men) Mockups Hi-Res Fully Layered PSD Files Normally Priced $500 USD Just For 19! (96% Off)

120+ Photorealistic Apparel (Kids, Hoodies, Ladies & Men) Mockups Hi-Res Fully Layered PSD Files Normally Priced $500 USD Just For 19! (96% Off)

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.

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

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

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

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.

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files