A visual indicator that a process is happening in the background but the interface is not yet ready for interaction.
Component
Spinner
Other names: Loader, Loading
73 examples
Spin
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Spinner
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Loader
Auro
Alaska Airlines
- Web Components
- Sass
- Code examples
- Usage guidelines
- Open source
Spinner
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Spinner
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Spinner
Bootstrap
- Sass
- Code examples
- Accessibility
- Open source
Inline loading
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
Loading
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
Loader
Cauldron
Deque
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
LoaderOverlay
Cauldron
Deque
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Circular Progress
Chakra UI
- React
- CSS-in-JS
- Code examples
- Open source
Spinner
Chakra UI
- React
- CSS-in-JS
- Code examples
- Open source
Spinner
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Loading
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
Spinner
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Loader
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Loading indicator
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Spinner
Duet Design System
LocalTapiola
- Angular
- Vue
- React
- Code examples
Loading
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Loader
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
LoadingSpinner
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
Spinner
Evergreen
Segment
- React
- Open source
Spinner
Flowbite
- Tailwind CSS
- Open source
- Code examples
Spinner
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Spinner
Forma 36
Contentful
- React
- CSS-in-JS
- Code examples
- Open source
Loading dots
Geist Design System
Vercel
- React
- Code examples
Spinner
Geist Design System
Vercel
- React
- Code examples
Spinner
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
Loading icon
giffgaff design system
- Usage guidelines
- Code examples
Loading spinner
Helsinki Design System
City of Helsinki
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Spinner
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
Loader
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Spinner
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Progress indicator
Luna
Sainsbury’s
- React
- Sass
- Usage guidelines
- Code examples
- Tone of voice
Loader
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Loader
Morningstar Design System
- Vue
- Usage guidelines
Loader
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Progress indicator
NewsKit
News Corp
- React
- Code examples
- Usage guidelines
- Open source
Loading
NextUI
- React
- CSS-in-JS
- Code examples
- Open source
Spinner
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Loading
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Loading
Oxygen
Repsol
- HTML
- Code examples
- Usage guidelines
Spinner
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Spinner
Paste
Twilio
- React
- CSS-in-JS
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
- Open source
Spinner
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Loading spinner
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Spinner
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Spinner
Porsche Design System
- Web Components
- Angular
- React
- Vue
- Code examples
- Open source
Spinner
Primer
GitHub
- React
- Code examples
- Open source
Circular Progress
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Spinner
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Splash Animation
Ruter Components
- React
- Code examples
- Unmaintained
Spinner
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Usage guidelines
Loader
Seeds
Sprout Social
- React
- Code examples
- Usage guidelines
- Tone of voice
Loader
Seek style guide
- React
- Code examples
- Unmaintained
Spinner
Shoelace
- Web Components
- Code examples
- Open source
Progress circle
Spectrum
Adobe
- CSS
- Web Components
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Spinner
Stacks
Stack Overflow
- Stimulus
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Loader dots
Thumbprint
Thumbtack
- React
- Sass
- Code examples
- Open source
Loader
uStyle
uSwitch
- Sass
- Tone of voice
- Code examples
- Usage guidelines
- Open source
- Unmaintained
Spinner
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
Spinner
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source
Loader
West Midlands Network Design System
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Open source
Loading Animation
Workday Canvas Design System
- React
- Usage guidelines
- Accessibility
- Tone of voice
- Open source