Tailwind

Placeholders

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

Source Page Source

Demo

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" />