Skeleton Loading States Demo
This page showcases all skeleton component variations and the LazySection viewport loading behavior. Scroll down to trigger lazy-loaded sections.
Basic Skeleton Block
Skeleton Text (3 lines)
Skeleton Card
Slider Skeleton Preset
Jumbotron Skeleton Preset
Lifestyle Cards Skeleton Preset
Yoga & Pilates Skeleton Preset
Blog Skeleton Preset
LazySection — Viewport-Triggered Loading
The sections below start as skeletons and load real content when they enter the viewport (200px root margin).
→ PromoHeroSlider (lazy)
→ Jumbotron (lazy)
Calculator Search
→ LifestyleCards (lazy)
Active Living
Lifestyle Workouts
→ YogaPilatesPreview (lazy)
Mindful Movement
Yoga & Pilates Studio
Discover the perfect balance of strength and serenity. Explore guided pose libraries, breathwork techniques, and precision core training — all powered by AI analysis.
Guided Breathwork
4 breathing techniques with animated guides
Mindfulness Practices
Body scans, meditations & visualizations
Routine Builder
Create, save & reorder custom Pilates routines
Interactive Anatomy
Click muscle regions to learn engagement patterns
Unlock Full Program
Sign up to access pose libraries, routine builder, progress tracking, and AI-powered practice recommendations.