Glow Neon Loader

A pure-CSS loader with glow and spin effects, animating only GPU-friendly properties. Created by aadium on Uiverse.io.

GPU-friendly
No JS
Reduced-motion ready
500 B gzip

Created by @aadium on Uiverse.io · MIT License · View original →

What PasteMotion changed

Reduced-motion fallback added by PasteMotion.
Optional rewrites skipped: they changed how the element looks.

WidthFull

Code

index.html

<!-- "Glow Neon Loader" by aadium on Uiverse.io · MIT License · https://uiverse.io/aadium/bright-lion-66 -->
<div class="loader">
  <div class="cover"></div>
</div>

How to use it

Paste the HTML where the animation should appear.
Add the CSS to your stylesheet. PasteMotion has already scoped any global rules to the element.
Reduced-motion users are covered: the animation calms down or stops when that setting is on.