divskeletonbeginner

Loading Skeleton

A skeleton placeholder with animated shimmer effect for content loading states.

Preview

<div class="max-w-sm p-4 space-y-4">
  <div class="flex items-center gap-3">
    <div class="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div>
    <div class="flex-1 space-y-2">
      <div class="h-3 bg-gray-200 rounded-full animate-pulse w-24"></div>
      <div class="h-2 bg-gray-200 rounded-full animate-pulse w-16"></div>
    </div>
  </div>
  <div class="space-y-2">
    <div class="h-3 bg-gray-200 rounded-full animate-pulse"></div>
    <div class="h-3 bg-gray-200 rounded-full animate-pulse w-5/6"></div>
    <div class="h-3 bg-gray-200 rounded-full animate-pulse w-4/6"></div>
  </div>
  <div class="h-40 bg-gray-200 rounded-lg animate-pulse"></div>
</div>