100+ CSS Spinners for Inspiration

Rate this post

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


Leave a Reply

Your email address will not be published. Required fields are marked *