Design Atlas◌Loaders gallery
Dots, rings, bars, pulses, morphs — named loading animations and when to use which. — 20 entries
Three Dots점 세 개 로더
Three dots that light up one after another in a loop — the most common indeterminate loading cue.
Bouncing Dots통통 튀는 점
Dots that jump upward one after another — a more playful, rhythmic take on the waiting cue.
Spinner Ring링 스피너
A ring with one edge colored differently, spun forever — the simplest rotating loader.
Dual Ring이중 링
Two nested rings spinning in opposite directions — more dynamic than a single spinner.
Arc Spinner호 스피너
A partial arc whose length and rotation change together as it spins — the Material Design circular loader.
Bar Loader바 로더
A short block sliding back and forth inside a track — a loader for a wait with no known progress.
Indeterminate Bar비확정 진행바
Two bars stretching and sliding on offset timings to read as one continuous flow — the web's most common top-of-page loading bar.
Pulse Loader펄스 로더
A single dot that grows and fades on repeat, like a heartbeat signaling the system is still alive.
Ripple Loader리플 로더
Outlined rings expanding outward in overlapping waves, like ripples on water — an indeterminate loader.
Wave Bars웨이브 바
Several bars rising and falling on the same rhythm, staggered into a traveling wave.
Equalizer Loader이퀄라이저 로더
Bars jumping at their own irregular rhythm, like a music player's equalizer display.
Grid Loader그리드 로더
Cells in a grid lighting up in a diagonal sweep, one after another.
Orbit Loader궤도 로더
Small dots circling a center point like satellites in orbit — an indeterminate loader.
Flip Square뒤집히는 정사각형
A square flipping around its axis on a steady beat — a rhythmic indeterminate loader.
Morphing Loader모핑 로더
A single shape smoothly morphing between a circle, a square, and a blob.
Hourglass모래시계
A shape that flips like a sand timer at a fixed interval — a metaphor for a slow, ongoing task.
Progress Ring프로그레스 링
A circular outline that fills to an exact percentage — a determinate loader.
Typing Loader타이핑 로더
Text that appears letter by letter with a blinking cursor, as if being typed live.
Dot Matrix Loader도트 매트릭스 로더
Dots placed around a circle, brightening one after another so the ring appears to spin without anything actually rotating.
Logo Loader로고 로더
A fictional brand mark that draws itself along its outline, then fills in — a loader that doubles as branding.