TTULAKITO
Designer

CSS Loader Generator

Generate pure CSS spinners and loading animations to copy.

All tools

Preview

CSS

<div class="loader"></div>

.loader {
  width: 48px;
  height: 48px;
  border: 4.8px solid #3b82f633;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

Frequently asked questions

Is CSS Loader Generator free to use?
Yes. CSS Loader Generator is part of TULAKITO's collection of free browser tools. No signup, no subscription, no usage limits.
Is my data safe with CSS Loader Generator?
Yes. CSS Loader Generator runs entirely in your browser. Nothing you type, paste, or upload is sent to any server.
Do I need to install anything?
No. CSS Loader Generator works directly in your browser on desktop and mobile — no downloads or extensions required.