Discover a stunning collection of 50+ CSS spinners to your website’s loading experience. Find the perfect animated loader to keep your users engaged
1. 3D Loader Cube by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
2. CSS Spinner Animation by Hakim El Hattab
Author: Hakim El Hattab
Links: Source Code / Demo
Made with: HTML CSS
3. CSS Crazy Loading Arches by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
4. Spinner by Noel Delgado
Author: Noel Delgado
Links: Source Code / Demo
Made with: HTML CSS
5. About the code by Amli
Author: Amli
Links: Source Code / Demo
Made with: HTML CSS
6. Dual Triangle Preloaders by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
7. Chrome, Firefox, Opera, Safari by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
8. About the code by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
9. Neumorphism Gradient Loader by samuel garcia
Author: samuel garcia
Links: Source Code / Demo
Made with: HTML CSS
10. CSS3 Animations Spinners by foxeisen
Author: foxeisen
Links: Source Code / Demo
Made with: HTML CSS
11. Red Dead Redemption Loader (Pure CSS) by Kyle Wetton
Author: Kyle Wetton
Links: Source Code / Demo
Made with: HTML CSS
12. Hexagon Loading With CSS by Osama Belal
Author: Osama Belal
Links: Source Code / Demo
Made with: HTML CSS
13. Deleting Loader Pure CSS by Arturo Cabrera
Author: Arturo Cabrera
Links: Source Code / Demo
Made with: HTML CSS
14. Css Spinner Animations by Jason Liquorish
Author: Jason Liquorish
Links: Source Code / Demo
Made with: HTML CSS
15. Chrome, Edge, Firefox, Opera, Safari by Adam Dipinto
Author: Adam Dipinto
Links: Source Code / Demo
Made with: HTML CSS
16. Building Loader CSS by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
17. Spinner Loader by João Santos
Author: João Santos
Links: Source Code / Demo
Made with: HTML CSS
18. Loading Bars by Steven Monson
Author: Steven Monson
Links: Source Code / Demo
Made with: HTML CSS
19. Animated FlipPreloader by Animated Creativity
Author: Animated Creativity
Links: Source Code / Demo
Made with: HTML CSS
20. Mosaic Loader by crayon-code
Author: crayon-code
Links: Source Code / Demo
Made with: HTML CSS
21. About the code by Vladimir
Author: Vladimir
Links: Source Code / Demo
Made with: HTML CSS
22. CSS Single Element Goey Spinner by Zed Dash
Author: Zed Dash
Links: Source Code / Demo
Made with: HTML CSS
23. Chrome, Edge, Firefox, Opera, Safari by Sandip Dust
Author: Sandip Dust
Links: Source Code / Demo
Made with: HTML CSS
24. Animated Loading Spinner by Web Dev Simplified
Author: Web Dev Simplified
Links: Source Code / Demo
Made with: HTML CSS
25. Loading Cubes by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
26. Shimmer Loading by Murat Benli
Author: Murat Benli
Links: Source Code / Demo
Made with: HTML CSS
27. About the code by 0guzhan
Author: 0guzhan
Links: Source Code / Demo
Made with: HTML CSS
28. Clock Loader by alphardex
Author: alphardex
Links: Source Code / Demo
Made with: HTML CSS
29. Bouncing Cube Loader by Haja Randriakoto
Author: Haja Randriakoto
Links: Source Code / Demo
Made with: HTML CSS
30. Loaders For Website by Swarup Kumar Kuila
Author: Swarup Kumar Kuila
Links: Source Code / Demo
Made with: HTML CSS
31. Dicey Loader With Flexbox by Paolo Duzioni
Author: Paolo Duzioni
Links: Source Code / Demo
Made with: HTML CSS
32. CSS Spinners by Melanie Bockmann
Author: Melanie Bockmann
Links: Source Code / Demo
Made with: HTML CSS
33. CSS Flippy Loader by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
34. Shopping Cart Preloader by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
35. Rotating Circles Preloader by Animated Creativity
Author: Animated Creativity
Links: Source Code / Demo
Made with: HTML CSS
36. Clean CSS Spinners by June
Author: June
Links: Source Code / Demo
Made with: HTML CSS
37. LEGO Preloader by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
38. Triangle Loading Animation by Tony Banik
Author: Tony Banik
Links: Source Code / Demo
Made with: HTML CSS
39. Goo Loader by Elior Tabeka
Author: Elior Tabeka
Links: Source Code / Demo
Made with: HTML CSS
40. Magic Burrito by Cody Ogden
Author: Cody Ogden
Links: Source Code / Demo
Made with: HTML CSS
41. Fancy Loader by Idan Gazit
Author: Idan Gazit
Links: Source Code / Demo
Made with: HTML CSS
42. Pure CSS Loader 2020 by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
43. Loading by Ayoub Mkira
Author: Ayoub Mkira
Links: Source Code / Demo
Made with: HTML CSS
44. Pure CSS Loader 2020 – 1 Element Transparency Tails by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
45. Spinner by Max Ruigewaard
Author: Max Ruigewaard
Links: Source Code / Demo
Made with: HTML CSS
46. CSS Spinning Loader by Shrijal Tamrakar
Author: Shrijal Tamrakar
Links: Source Code / Demo
Made with: HTML CSS
47. Simple CSS-only Loading Spinner by Matt Sisto
Author: Matt Sisto
Links: Source Code / Demo
Made with: HTML CSS
48. Chrome, Edge, Firefox, Opera, Safari by Garet McKinley
Author: Garet McKinley
Links: Source Code / Demo
Made with: HTML CSS
49. Simple CSS Loader by Rita Bradley
Author: Rita Bradley
Links: Source Code / Demo
Made with: HTML CSS
50. Chrome, Firefox, Opera, Safari by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
51. Infinity Preloader by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
52. 3D Boxes Loader CSS Only by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
53. Pure CSS Loader – Metaballs Animation by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
54. Chrome, Edge, Firefox, Opera, Safari by Dario Corsi
Author: Dario Corsi
Links: Source Code / Demo
Made with: HTML CSS
55. Pure CSS Spinners by John W. Long
Author: John W. Long
Links: Source Code / Demo
Made with: HTML CSS
56. About the code by Sasha
Author: Sasha
Links: Source Code / Demo
Made with: HTML CSS
57. About the code by Metty
Author: Metty
Links: Source Code / Demo
Made with: HTML CSS
58. Chrome, Edge, Firefox, Opera, Safari by CurleyWebDev
Author: CurleyWebDev
Links: Source Code / Demo
Made with: HTML CSS
59. Animated Charging Border by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
60. Chrome, Edge, Firefox, Opera, Safari by ilithya
Author: ilithya
Links: Source Code / Demo
Made with: HTML CSS
61. About the code by Kumar Sidharth
Author: Kumar Sidharth
Links: Source Code / Demo
Made with: HTML CSS
62. 8 Bit Spinner by Fabrizio Bianchi
Author: Fabrizio Bianchi
Links: Source Code / Demo
Made with: HTML CSS
63. Chrome, Edge, Firefox, Opera, Safari by Chris Smith
Author: Chris Smith
Links: Source Code / Demo
Made with: HTML CSS
64. About the code by Praveen Bisht
Author: Praveen Bisht
Links: Source Code / Demo
Made with: HTML CSS
65. About the code by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
66. Loading Animation W/ Translate And Z-index by Ty Strong
Author: Ty Strong
Links: Source Code / Demo
Made with: HTML CSS
67. About the code by Comehope
Author: Comehope
Links: Source Code / Demo
Made with: HTML CSS
68. New Preloader by Anastasiya Kuligina
Author: Anastasiya Kuligina
Links: Source Code / Demo
Made with: HTML CSS
69. Chrome, Edge, Firefox, Opera, Safari by Ahmad Emran
Author: Ahmad Emran
Links: Source Code / Demo
Made with: HTML CSS
70. Google Loaders Redesign by Amine Bahmed
Author: Amine Bahmed
Links: Source Code / Demo
Made with: HTML CSS
71. Perspective Sphere Preloader by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
72. Multicolor Loader Ring by Ryan Mulligan
Author: Ryan Mulligan
Links: Source Code / Demo
Made with: HTML CSS
73. About the code by Comehope
Author: Comehope
Links: Source Code / Demo
Made with: HTML CSS
74. Chrome, Firefox, Opera, Safari by Yoav Kadosh
Author: Yoav Kadosh
Links: Source Code / Demo
Made with: HTML CSS
75. Spiral Loading by alphardex
Author: alphardex
Links: Source Code / Demo
Made with: HTML CSS
76. Fun Little Loader by Joshua Ward
Author: Joshua Ward
Links: Source Code / Demo
Made with: HTML CSS
77. Simple Repeating Spinner by Hugo Wiledal
Author: Hugo Wiledal
Links: Source Code / Demo
Made with: HTML CSS
78. Loader by Oliver Holretz
Author: Oliver Holretz
Links: Source Code / Demo
Made with: HTML CSS
79. Loader Animation by Sudeep Gumaste
Author: Sudeep Gumaste
Links: Source Code / Demo
Made with: HTML CSS
80. Chrome, Edge, Firefox, Opera, Safari by Rafaela Lucas
Author: Rafaela Lucas
Links: Source Code / Demo
Made with: HTML CSS
81. 50+ Pure CSS3 Preloaders (Latest) by Sahar Ali Raza
Author: Sahar Ali Raza
Links: Source Code / Demo
Made with: HTML CSS
82. About the code by Pieter Biesemans
Author: Pieter Biesemans
Links: Source Code / Demo
Made with: HTML CSS
83. CSS Push Pop Loaders by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
84. CSS Loading Animation by Natalia
Author: Natalia
Links: Source Code / Demo
Made with: HTML CSS
85. About the code by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
86. Pure CSS Loader Circles by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
87. Chrome, Edge, Firefox, Opera, Safari by Daniel Subat
Author: Daniel Subat
Links: Source Code / Demo
Made with: HTML CSS
88. Chrome, Edge, Firefox, Opera, Safari by matt henley
Author: matt henley
Links: Source Code / Demo
Made with: HTML CSS
89. Book Loader by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
90. Simple Preloaders by Sikriti Dakua
Author: Sikriti Dakua
Links: Source Code / Demo
Made with: HTML CSS
91. Quick Loader With CSS Transforms, Vars & Houdini Magic by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
92. Gooey Loaders by Travis John
Author: Travis John
Links: Source Code / Demo
Made with: HTML CSS
93. About the code by Melissa Em
Author: Melissa Em
Links: Source Code / Demo
Made with: HTML CSS
94. Weird Loader by Sikriti Dakua
Author: Sikriti Dakua
Links: Source Code / Demo
Made with: HTML CSS
95. Unboxing by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
96. Most Beautiful Simple CSS3 Loading Spinner by VLG.45
Author: VLG.45
Links: Source Code / Demo
Made with: HTML CSS
97. Dead Simple CSS Spinner/loader by Max Thirouin
Author: Max Thirouin
Links: Source Code / Demo
Made with: HTML CSS
98. CSS Creative Pencil by Austin Mallar
Author: Austin Mallar
Links: Source Code / Demo
Made with: HTML CSS
99. About the code by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
100. Css Svg Spinner by Fabio Ottaviani
Author: Fabio Ottaviani
Links: Source Code / Demo
Made with: HTML CSS
101. Rings Loader ⏳ by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
102. Wave Loader Animation by UCanCode
Author: UCanCode
Links: Source Code / Demo
Made with: HTML CSS
103. Another Loader by Chris Smith
Author: Chris Smith
Links: Source Code / Demo
Made with: HTML CSS
104. Chrome, Edge, Firefox, Opera, Safari by Oleg Frolov
Author: Oleg Frolov
Links: Source Code / Demo
Made with: HTML CSS
105. Tea loading by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
106. Play Fill Loader by Chris Gannon
Author: Chris Gannon
Links: Source Code / Demo
Made with: HTML CSS
107. Chrome, Edge, Firefox, Opera, Safari by Jules Forrest
Author: Jules Forrest
Links: Source Code / Demo
Made with: HTML CSS
108. Spinners & Page Loaders Pure CSS by Anya Melnyk
Author: Anya Melnyk
Links: Source Code / Demo
Made with: HTML CSS
109. Infinity Path Loader ⏳ by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
110. Chrome, Firefox, Opera, Safari by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
111. Rainbow Spinner by Igor Amado
Author: Igor Amado
Links: Source Code / Demo
Made with: HTML CSS
112. Ora by Zeno Rocha
Author: Zeno Rocha
Links: Source Code / Demo
Made with: HTML CSS
113. Loading Animation by Abubaker Saeed
Author: Abubaker Saeed
Links: Source Code / Demo
Made with: HTML CSS
114. Spin by Adam Dipinto
Author: Adam Dipinto
Links: Source Code / Demo
Made with: HTML CSS
115. Bouncy Preloaders by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
116. About the code by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
117. About the code by IlyasR
Author: IlyasR
Links: Source Code / Demo
Made with: HTML CSS
118. Polygon Spinner by neil tron
Author: neil tron
Links: Source Code / Demo
Made with: HTML CSS
119. Ice Pop Loader by Dario Corsi
Author: Dario Corsi
Links: Source Code / Demo
Made with: HTML CSS
120. 1 Element CSS Spinners by Paolo Duzioni
Author: Paolo Duzioni
Links: Source Code / Demo
Made with: HTML CSS
121. Circular CSS Loader (Single Div) by Piotr Galor
Author: Piotr Galor
Links: Source Code / Demo
Made with: HTML CSS
122. Liquid Loader by Mikael Ainalem
Author: Mikael Ainalem
Links: Source Code / Demo
Made with: HTML CSS
123. Gradient Spinner by Adam Dipinto
Author: Adam Dipinto
Links: Source Code / Demo
Made with: HTML CSS
124. Loading Text Animation by Aybüke Ceylan
Author: Aybüke Ceylan
Links: Source Code / Demo
Made with: HTML CSS
125. About the code by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
126. One Div Loader by Filip Vitas
Author: Filip Vitas
Links: Source Code / Demo
Made with: HTML CSS
127. Simple CSS-only Loading Spinner by Matt Sisto
Author: Matt Sisto
Links: Source Code / Demo
Made with: HTML CSS
128. Pure CSS 1 Div Loader by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
129. About the code by Irem Lopsum
Author: Irem Lopsum
Links: Source Code / Demo
Made with: HTML CSS
130. Cute Loading by Shak Daniel
Author: Shak Daniel
Links: Source Code / Demo
Made with: HTML CSS
131. CSS3 Loading Spinner by Matthew Roelle
Author: Matthew Roelle
Links: Source Code / Demo
Made with: HTML CSS
132. Digital Spinner by Christian Dannie Storgaard
Author: Christian Dannie Storgaard
Links: Source Code / Demo
Made with: HTML CSS
133. Awesome Loading Screen by Bilal.Rizwaan
Author: Bilal.Rizwaan
Links: Source Code / Demo
Made with: HTML CSS
134. Chrome, Edge, Firefox, Opera, Safari by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
135. Pure CSS Spinner by Ömer Fatih
Author: Ömer Fatih
Links: Source Code / Demo
Made with: HTML CSS
136. Swing Masking Loader by Nikhil Krishnan
Author: Nikhil Krishnan
Links: Source Code / Demo
Made with: HTML CSS
137. CSS Rainbow Cuboid Loader by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
138. CSS Loading by Rafaela Lucas
Author: Rafaela Lucas
Links: Source Code / Demo
Made with: HTML CSS
139. Triangle Loading Animation by Tony Banik
Author: Tony Banik
Links: Source Code / Demo
Made with: HTML CSS
140. Spinner – 2 (Pure CSS) by Aditya Bhandari
Author: Aditya Bhandari
Links: Source Code / Demo
Made with: HTML CSS
141. Pure CSS Loader – 1 Element Swappy by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
142. Chrome, Edge, Firefox, Opera, Safari by Mamun Khandaker
Author: Mamun Khandaker
Links: Source Code / Demo
Made with: HTML CSS
143. About the code by Sasha
Author: Sasha
Links: Source Code / Demo
Made with: HTML CSS
144. Pure CSS Spinner Animations by Jason Liquorish
Author: Jason Liquorish
Links: Source Code / Demo
Made with: HTML CSS
145. Elastic Bouncing Squares Loader by Ricardo Gouveia
Author: Ricardo Gouveia
Links: Source Code / Demo
Made with: HTML CSS
146. CodePen Loader by leimapapa
Author: leimapapa
Links: Source Code / Demo
Made with: HTML CSS
147. CSS Loaders And Spinners by Petia
Author: Petia
Links: Source Code / Demo
Made with: HTML CSS
148. Staggered Wave Loading by alphardex
Author: alphardex
Links: Source Code / Demo
Made with: HTML CSS
149. One-Element Hourglass by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
150. CSS Bar Loader by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
