How to a loader with Tailwind CSS

Michael Andreuzza - Jul 2 - - Dev Community

Today we are going to create a super simple animated loader with only Tailwind CSS.

Why use a loader?
A loader is a visual element that indicates that something is happening. It can be used to indicate that a page is loading, a form is being submitted, or any other action that requires the user’s attention.

See it live and get the code

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .