Placeholders

Tailwind

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

@skeletonlabs/skeleton
Source Code
View Page Source

Examples

Getting Started

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