A visual indicator that something is happening, but it's not yet ready for interaction.
Component
Spinner
Other names: Loading
39 examples
Spin
Ant Design
Ant Financial
- Code examples
- Accessibility issues
Spinner
Atlassian Design System
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Spinner
Base Web
Uber
- Code examples
- Usage guidelines
Spinner
Bootstrap
- Accessibility
- Code examples
Inline loading
Carbon Design System
IBM
- Code examples
- Usage guidelines
Loading
Carbon Design System
IBM
- Code examples
- Usage guidelines
Circular Progress
Chakra UI
- Accessibility
- Code examples
Spinner
Chakra UI
- Accessibility
- Code examples
Spinner
Clarity Design System
VMware
- Code examples
- Usage guidelines
Spinner
Duet Design System
LocalTapiola
- Code examples
Activity indicator
Edison Design System
General Electric
- Usage guidelines
- Code examples
Loading
Elastic UI framework
Elastic
- Code examples
Spinner
Evergreen
Segment
Spinner
Gestalt
Pinterest
- Code examples
Loading icon
giffgaff design system
- Usage guidelines
- Code examples
Loading
ICS Design System
IBM Collaboration Solutions
- Usage guidelines
- Accessibility
- Tone of voice
Spinner
Instructure-UI
Instructure
- Code examples
- Accessibility
Spinner
Lightning Design System
Salesforce
- Code examples
- Usage guidelines
- Tone of voice
Progress indicator
Luna
Sainsbury’s
- Usage guidelines
- Code examples
- Tone of voice
Loader
Momentum Design
Cisco
- Code examples
- Usage guidelines
Progress indicator
NewsKit
News Corp
- Code examples
- Usage guidelines
Loading
Oxygen
Repsol
- Code examples
- Usage guidelines
Spinner
Paste
Twilio
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
Spinner
Polaris
Shopify
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
Preloader
Rizzo
Lonely Planet
Progress indicator
Royal Navy design system
- Usage guidelines
- Code examples
Splash Animation
Ruter Components
- Code examples
Spinner
SEB Design Library
Skandinaviska Enskilda Banken
- Code examples
- Usage guidelines
Loader
Seeds
Sprout Social
- Code examples
- Usage guidelines
- Tone of voice
Loader
Seek style guide
- Code examples
Spinner
Shoelace
- Code examples
Spinner
Solar Design System
Bulb
- Code examples
- Usage guidelines
- Research
- Tone of voice
Circle Loader
Spectrum CSS
Adobe
- Code examples
- Tone of voice
Spinner
Stacks
Stack Overflow
- Code examples
- Usage guidelines
- Tone of voice
Loader dots
Thumbprint
Thumbtack
- Code examples
Loader
uStyle
uSwitch
- Tone of voice
- Code examples
- Usage guidelines
Loading dots
Vercel Design
- Code examples
Spinner
Vercel Design
- Code examples
Loading Animation
Workday Canvas Design System
- Usage guidelines
- Accessibility
- Tone of voice