Skeleton
Enhanced skeleton loading component with smooth animations and smart content replacement. Create beautiful loading states that match your content structure.
Pro Features
Unlock advanced capabilities with the Pro version
Smart Loading
Automatic content replacement with smooth transitions
Advanced Animations
Shimmer, wave, and pulse effects with customizable timing
Content-Aware
Automatically matches skeleton to content dimensions
Performance Mode
Optimized rendering for large lists and complex layouts
Loading States
Multiple loading states with progress indicators
Time-based Loading
Minimum display time to prevent flashing
Installation
Install via CLI
moonui add skeletonUsage
Basic Usage
Pro Usage
Examples
Basic Skeleton
Simple text skeleton loading
Card Skeleton
Skeleton for card components
Profile Skeleton
User profile skeleton
Data Loading
Interactive loading example with real data
Feed Skeleton
Social media feed skeleton
Table Skeleton
Data table skeleton loading
Shimmer Effect Skeleton
Advanced shimmer animation with gradient
Gradient Pulse Skeleton
Animated gradient skeleton with pulse effect
Wave Loading Skeleton
Sequential wave animation for lists
Smart Content Skeleton
Auto-adapts to content structure
3D Depth Skeleton
Skeleton with depth and shadow effects
Progress Skeleton
Skeleton with loading progress indicator
Estimated: 2s remaining
Morphing Skeleton
Smooth morphing between skeleton states
Skeleton Grid System
Responsive skeleton grid layouts