Placeholders

Tailwind

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

Stylesheets

Package

Source

Doc

Animated

html

<div class="placeholder" />

Circular

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

html

<div class="placeholder-circle w-16" />

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

html

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