Use border spinners as lightweight loading indicators.

These spinners use border color utilities like .border-primary , .border-success , or .border-danger to display different color variations. Each spinner’s top border is transparent to create a smooth rotating effect.

These spinners use simple utility classes like animate-spin , border-dark , and border-t-transparent to create a rotating loading indicator. The rounded-full class keeps the spinner perfectly circular and neatly aligned.

A simple growing spinner built with Tailwind CSS. You can easily change its size, color, and alignment using utility classes.

These growing spinners use different background color classes to display various color themes. You can apply any color class like .bg-primary , .bg-success , or .bg-warning to customize the spinner appearance.