React loading indicators
Compare spinners, progress treatments and loading transitions with live React previews and editable source.
Loading 1–24 of 43
Page Loading Effects
Codrops
Page Preloading Animation
Codrops
On-Scroll Pixelated Image Loading Effect
Codrops
Rapid Image Layers Animation
Codrops
AI State Loading
Kokonut UI
Loader
Kokonut UI
Ai Loader
Smooth UI
Solar Loader
Ruixen · 21st.dev
Progressive Flux Loader
Ruixen · 21st.dev
Grid Flow Effect
Codrops
Accordion Loader
Loading UI
Analyzing Image
Loading UI
Bars
Loading UI
Classic
Loading UI
Clock Ring
Loading UI
Conveyor Loop
Loading UI
Diamond
Loading UI
Dual Arc
Loading UI
Infinity Square Snake
Loading UI
Infinity Track
Loading UI
Morphing Infinity
Loading UI
Square Accordion
Loading UI
Symmetric Wave
Loading UI
Terminal
Loading UIChoosing loading components
Match the indicator to the wait
Use a progress value only when the application can measure completion. A decorative loop communicates activity, not the percentage of work remaining.
Check the final interaction
Check the empty, loading, success and error states together. Reserve space before content arrives, and keep a text status available when motion is reduced.
Last updated: .