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.

LowPoly 3D Wooden Branches, Planks, Logs Stumps & Construction Debris Pack: OBJ, MAX & FBX, Textured Models, 500-3000 Triangles Per Model, Commerci...

LowPoly 3D Wooden Branches, Planks, Logs Stumps & Construction Debris Pack: OBJ, MAX & FBX, Textured Models, 500-3000 Triangles Per Model, Commercial Use

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.

180 Fonts, 29 Font Families From Hanken Design Co. Only $29: Delivers OTF & TTF Files, Premium Serif & Sans-Serif Fonts, Multi-Language Support, Op...

180 Fonts, 29 Font Families From Hanken Design Co. Only $29: Delivers OTF & TTF Files, Premium Serif & Sans-Serif Fonts, Multi-Language Support, OpenType Features, Exclusive 95% Off!

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.

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of Ope...

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of OpenType Features, Desktop & Web Use License Included

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.

237 Trendy & Unique Vector T-Shirt Designs: Includes High-Resolution Transparent PNG Files, Vector Files in Ai & EPS Format, Print Ready 300dpi, Ed...

237 Trendy & Unique Vector T-Shirt Designs: Includes High-Resolution Transparent PNG Files, Vector Files in Ai & EPS Format, Print Ready 300dpi, Editable Texts, Commercial Use

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.

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

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.

Massive Vector Avatar Generator Pack, Over 11,000 Assets For Creating Unique Characters, Avatars, and Mascots in Ai and PSD Formats. Contains Human...

Massive Vector Avatar Generator Pack, Over 11,000 Assets For Creating Unique Characters, Avatars, and Mascots in Ai and PSD Formats. Contains Human, Monster, and Robot Assets Completely Made in Vector Shapes, Get It For Just $29 (91% Off)

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.

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)

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.

330+ Vector Backgrounds, Textures, Patterns & Overlays, Only $19: Ai, EPS, SVG & PDF Files, Abstracts, Geometrics, Polygonal Data Points, Watercolo...

330+ Vector Backgrounds, Textures, Patterns & Overlays, Only $19: Ai, EPS, SVG & PDF Files, Abstracts, Geometrics, Polygonal Data Points, Watercolors, Halftones & More, Commercial Use

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.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

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.

Lifetime Access Website Heatmap & Visitor Recording Tool, Only $27: Create Heatmaps Of Clicks, Mouse Movement & Scroll Attention, Session Recording...

Lifetime Access Website Heatmap & Visitor Recording Tool, Only $27: Create Heatmaps Of Clicks, Mouse Movement & Scroll Attention, Session Recording, Analyze CTA Efficiency, Identify UX Issues & More. Pay Once, Use Forever!

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.

Lifetime Access: 40,000+ Stock Video Footage, High Definition 1080px, MP4 Files, 150+ Categories, 75 New Videos Each Month, Commercial Use!

Lifetime Access: 40,000+ Stock Video Footage, High Definition 1080px, MP4 Files, 150+ Categories, 75 New Videos Each Month, Commercial Use!

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.

2000+ Watercolor Illustrations, Only $14: PNG, PSD & EPS Files, High-Resolution Floral Designs, Characters, Textures, Portraits, Patterns & More, C...

2000+ Watercolor Illustrations, Only $14: PNG, PSD & EPS Files, High-Resolution Floral Designs, Characters, Textures, Portraits, Patterns & More, Commercial Use

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.

1050+ Isolated Food Items + Premade Scenes Bundle Only $15! (95 % Discount) Usually valued $306 USD

1050+ Isolated Food Items + Premade Scenes Bundle Only $15! (95 % Discount) Usually valued $306 USD

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.

800+ Premium Vector Designs Pack, Only $19: Characters, Posters, Decorations, Infographics & More, Flat, Retro, Cartoon Styles, Unlimited Commercia...

800+ Premium Vector Designs Pack, Only $19: Characters, Posters, Decorations, Infographics & More, Flat, Retro, Cartoon Styles, Unlimited Commercial Use

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.

100 Vector T-Shirt Print Designs Pack, Only $16: Vector EPS File Formats, Includes Mythological Illustrations, Halloween Designs, Animals, Music, T...

100 Vector T-Shirt Print Designs Pack, Only $16: Vector EPS File Formats, Includes Mythological Illustrations, Halloween Designs, Animals, Music, Tattoos, Skulls & More, Commercial Use

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!

Lifetime Invoicing & Billing Software, Only $49: Create Unlimited Invoices/Estimates, Accept Online Payments W/ Credit Card, Stripe & PayPal, Save ...

Lifetime Invoicing & Billing Software, Only $49: Create Unlimited Invoices/Estimates, Accept Online Payments W/ Credit Card, Stripe & PayPal, Save Unlimited Products, Clients & Services, Make Payment Reminders, Autocalculate Taxes & Discount Coupons & Much More!

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.

95+ Trendy Abstract Patterns, Collages & Backgrounds, Only $14: Vector Ai Files, High-Resolution JPG & Transparent PNG, Textured Patterns, Papers, ...

95+ Trendy Abstract Patterns, Collages & Backgrounds, Only $14: Vector Ai Files, High-Resolution JPG & Transparent PNG, Textured Patterns, Papers, Collages & More, Commercial Use

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.

4,800+ Presentation Slides, Only $19: PPTX & KEY Templates, Variety Of Layouts & Grids, Artistic Placeholders & Vector Icons In PSD & EPS Format, C...

4,800+ Presentation Slides, Only $19: PPTX & KEY Templates, Variety Of Layouts & Grids, Artistic Placeholders & Vector Icons In PSD & EPS Format, 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.

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

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

Vector People & Scenes Illustrations Collection, Only $21: 45+ EPS Files w/ Several Illustrations & Characters Each, Isolated Body Parts & Objects,...

Vector People & Scenes Illustrations Collection, Only $21: 45+ EPS Files w/ Several Illustrations & Characters Each, Isolated Body Parts & Objects, Trendy Styles & Color Palettes

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.

Super Massive Design Bundle: 18k+ Design Assets Including Icons, Overlay Textures, Stock Photos, High-Res Patterns & Textures, Photoshop Actions, F...

Super Massive Design Bundle: 18k+ Design Assets Including Icons, Overlay Textures, Stock Photos, High-Res Patterns & Textures, Photoshop Actions, Frames, Mockups, Badges, Labels, Crests, Banners, Avatar/Mascot Creation Kits, and Much More for Just $19! (94% Off)

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.

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)

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.

100 Vector T-Shirt Designs, Only $14: 100% Unique Designs, Print Ready, Vector Ai, SVG & EPS Files, High-Resolution Transparent PNG, Commercial Use

100 Vector T-Shirt Designs, Only $14: 100% Unique Designs, Print Ready, Vector Ai, SVG & EPS Files, High-Resolution Transparent PNG, Commercial Use

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.

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

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate...

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate Logos. Regular price 4200$ Get Them All for Just 12$! (100% 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.

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

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, an...

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, and Presentation Templates (97% Off)

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.

15k+ Infographic Templates, Elements, Presentation Slides & More, Only $19: File Formats Include: Ai, SVG, PSD, EPS, PPTX & PNG, Designs In Flat, T...

15k+ Infographic Templates, Elements, Presentation Slides & More, Only $19: File Formats Include: Ai, SVG, PSD, EPS, PPTX & PNG, Designs In Flat, Thin Line, 3D & Many More Styles, Commercial Use

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.

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Sc...

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Science, and Much More, PLUS All Future Releases! Only $19! (96% 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.

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)

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.

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and Mor...

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and More, Into Knitting Patterns! Only 9$ (70% 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

130 Premium Bootstrap Website Templates, Only $17! Tons of Styled & Unstyled Bootstrap v3 & v4 Templates/Theme Skins (LESS/CSS/SASS), HTML5 templat...

130 Premium Bootstrap Website Templates, Only $17! Tons of Styled & Unstyled Bootstrap v3 & v4 Templates/Theme Skins (LESS/CSS/SASS), HTML5 templates in Flat and Material Design Templates, Bootstrap 4 Design System Built On Sass & GulpJS Technologies. Extended License For Unrestricted Use! (99% Off)

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.

480+ Print Templates Bundle, Only $24: 300+ Flyers & 180+ Business Cards, Bifolds, Postcards, Invitations, Vouchers & More, Layered PSD Files, Link...

480+ Print Templates Bundle, Only $24: 300+ Flyers & 180+ Business Cards, Bifolds, Postcards, Invitations, Vouchers & More, Layered PSD Files, Links To Fonts Download, Commercial Use