Addy Osmani — How browsers work in 40 seconds

Name: Addy Osmani — How browsers work in 40 seconds
Uploaded: 2026-10-08T23:48:57.96+00:00
Duration: 40 s
Description: A 40-second animated explainer that walks one web request from typed URL to pixels on screen, alternating a hand-drawn storybook world with a dark blueprint view. A small red robot carries the data through every stage.

Addy Osmani @addyosmani

Feature tour · Flat 2D · Characters · 40s

Length

40.0s

Beats

20· 17 hard cuts

Pace

30.0/min

Avg beat

2.0s

A 40-second animated explainer that walks one web request from typed URL to pixels on screen, alternating a hand-drawn storybook world with a dark blueprint view. A small red robot carries the data through every stage.

ExplainerFlat 2DCharactersMascotLight UIDark UITechnicalMusic-ledNo voiceoverDeveloper toolsSaaS

Cut map — 20 beats┊ 17 hard cuts · Click a beat to jump

00s05s10s15s20s25s30s35s40s

The breakdown — 11 sheetsMembers only

Loading the breakdown

Custom film

Want a film like this, made for you?

Framebox is the studio behind Cutmap. Send us this breakdown and your product, and we’ll quote for an original film built on the same structure.

Get a quote ↗

Posted by Addy Osmani; the post says the animation was drawn frame by frame in JavaScript by Claude Opus 5.5 · Watch the original ↗ · Measurements and analysis by Cutmap.

Related filmsMore feature tour →