h

CSS Loader Animation Maker

Create, customize and export beautiful CSS loading animations with 20+ styles

Live Preview

Background Color

Container Size

300px

CSS Code

Copy the CSS code and apply it to your HTML element with the class name loader

Loader Styles

Customization

Colors

Custom color

Size & Speed

Loader Size 60px

Animation Speed 1.0s

Line Width 4px

Advanced Options

Reverse Animation

Use Gradient Colors

Add Shadow

Quick Presets

CSS Loader Animation Maker © 2023 | Create beautiful loading animations for your projects

Includes 20+ loader styles with full customization options