Tailwind

Placeholders

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

Usage

Classes

https://skeleton-docs-8cx0tdkbs-skeleton-labs.vercel.app/elements/placeholders

Apply the .placeholder class to any div element.

Layout

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

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

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

html

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