Cleopatra Cleopatra

Skeleton

Loading placeholder animations

View Source

Examples

Basic Shapes

Different skeleton shape presets for common UI elements.

html

Shimmer Animation

Add shimmer effect with .skeleton-shimmer class.

html

Card Loading

Complete card skeleton pattern.

html

Usage

Cleopatra - Modern Admin Dashboard 
<!-- Basic skeleton -->
        <div class="skeleton skeleton-text"></div>
        <div class="skeleton skeleton-avatar"></div>
        <div class="skeleton skeleton-button"></div>
    
        <!-- With shimmer -->
        <div class="skeleton skeleton-shimmer skeleton-text"></div>