🖥 Browser Rendering Pipeline

Click a stage to learn what it does · trigger a style change to watch reflow vs repaint vs composite re-run different portions.

The Pipeline

A style change re-runs every stage from its entry point onward; earlier stages are reused from cache.

Trigger a style change

full render reflow repaint composite
Click a pipeline stage to read what it does,
or trigger a style change on the right.

Live sample element

Sample
Box
no change applied
Prompt