A placeholder layout for content which hasn't yet loaded, usually built up of grey boxes.
Component
Skeleton
Other names: Skeleton loader
25 examples
Skeleton
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
Skeleton
Auro
Alaska Airlines
- Web Components
- Sass
- Code examples
- Usage guidelines
- Open source
Skeleton
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Skeleton
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Skeleton
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
Skeleton
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Skeleton
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Shimmer
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
Skeleton loader
Goldman Sachs Design System
- Tone of voice
- Usage guidelines
Skeleton
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Skeleton
Nucleus Design System
British Gas
- Web Components
- Usage guidelines
Skeleton loader
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Skeleton loader
Paste
Twilio
- React
- CSS-in-JS
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
- Open source
Skeleton body text
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Skeleton display text
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Skeleton page
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Skeleton tabs
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Skeleton thumbnail
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Skeleton
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Skeleton loader
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Usage guidelines
Skeleton
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
Skeleton
Shoelace
- Web Components
- Code examples
- Open source
Skeleton
Vercel Design
- React
- Code examples
Skeleton
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source
Skeleton
Workday Canvas Design System
- React
- Usage guidelines
- Accessibility
- Tone of voice
- Open source