Tailwind

Placeholders

Provides "skeleton" placeholders that can display while content loads.

Source Page Source

Demo

Apply the .placeholder class to any div element.

Layout

Use the Tailwind column and gap classes to adjust column amount and gap spacing.

Circular

Apply the .placeholder-circle class and set a width to define the diameter.

Animated

Apply the .animate-pulse utility class provided by Tailwind.

html 
<div class="placeholder animate-pulse" />