Loading Lab · Vol. 01

18 ways to wait.

A small collection of unexpectedly creative loading states — from spinning DNA helices to neural pulse networks. Each comes with an AI prompt you can copy.
18specimens SVG · CSS · JStech infiniteloop CC0license
i.
DNA Helix strands
3.0s · spin
SEQUENCING · 0.42
Strands twist around each other. SVG + CSS
AI Prompt · DNA Helix
ii.
Liquid Metal blobs
3.5s · merge
Mercury globules merge and split. SVG goo filter
AI Prompt · Liquid Metal
iii.
Quantum Dots orbit
2.4s · cycle
Four dots swap positions endlessly. SVG · pure CSS
AI Prompt · Quantum Dots
iv.
Origami fold
6.0s · 3D
Paper triangles fold in 3D. CSS triangles · transform-3d
AI Prompt · Origami Fold
v.
Fluid Wave flask
5.0s · ebb & flow
Layered waves fill a glass flask. SVG path · clipPath
AI Prompt · Fluid Wave
vi.
Glitch signal
2.0s · jitter
LOADING
SIGNAL UNSTABLE
RGB split + scanline interference. CSS clip-path · pseudo
AI Prompt · Glitch
vii.
Newton's Cradle swing
1.4s · physics
Energy transfers across stationary balls. SVG · CSS rotate
AI Prompt · Newton Cradle
viii.
Eclipse celestial
5.0s · transit
Moon transits across the sun. SVG mask · orbit
AI Prompt · Eclipse
ix.
Neural Pulse network
2.0s · fire
Pulses race through a 3-layer network. SVG · stroke-dashoffset
AI Prompt · Neural Pulse
x.
Hourglass flip
6.0s · sand
Sand drains, then the glass flips. SVG · clipPath
AI Prompt · Hourglass
xi.
Galaxy spiral arms
8.0s · spin
Two spiral arms rotate around a glowing core. SVG · JS particles
AI Prompt · Galaxy
xii.
Bouncy Ball squash
1.4s · physics
Cartoon physics with squash & stretch. Pure CSS · cubic-bezier
AI Prompt · Bouncy Ball
xiii.
Tetris Drop stack
4.0s · loop
Pieces fall into place to form rows. CSS · JS scheduler
AI Prompt · Tetris
xiv.
Heartbeat ECG
1.8s · pulse
LEAD II ◉ 72 BPM 200ms/div
Real ECG waveform sweeping the screen. SVG path · stroke-dashoffset
AI Prompt · Heartbeat
xv.
Equalizer spectrum
1.4s · pump
12-band gradient spectrum analyzer. Pure CSS · scaleY
AI Prompt · Equalizer
xvi.
Shutter iris
3.0s · capture
Six iris blades snap open and shut. SVG · transform rotate
AI Prompt · Shutter
xvii.
Pixel Spin 8-bit
1.6s · ring
Light travels around a pixel ring. CSS Grid · animation-delay
AI Prompt · Pixel Spinner
xviii.
Ripple echo
2.4s · drop
Drops fall, ripples expand outward. SVG · ease-out
AI Prompt · Ripple Echo