Placeholders

Tailwind

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

Examples

Usage

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

Animated

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

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