Skeleton

The Skeleton component is used as a placeholder for content that’s still loading — providing users with visual feedback and reducing perceived wait time.

It includes a subtle fade animation to indicate loading and comes in several preset variants:

• Default – a single line or block placeholder
• Card – mimics the shape of a card layout
• Paragraph – simulates a few lines of text

Usage

1. Drag the Skeleton component onto the canvas.
2. Choose a variant using Variant Mode (Default, Card, or Paragraph).
3. Place it wherever real content will appear once loaded.

This component is ideal for loading states in cards, lists, modals, and more.