Tail Template

‐ handcrafted Tailwind CSS templates for your next project

CSS only loading indicator using Tailwind CSS

By TailTemplate Team

Making a loading indicator used to be GIF or Javascript job. Nowadays, with the power of CSS 3, we can easily make a loading spinner using pure CSS.

In this post, we consolidated some common patterns to make a loading indicator using Tailwind CSS.

Loading Spinner

Spinner in Square Box

Spinner in a Button

Loading Skeleton

The End

What other loading indicator do you use, tweet this post and let us know via our Twitter handler.

A project by  StaticMaker. Twitter

This site is proudly powered by Tailwind CSS and Laravel Livewire