Mux Robots · Beta ↓

Video for developers

Mux helps teams do more with video. Stream it, moderate it, search it, analyze it, transform it. Build cost-effectively in minutes, not months.

Trusted by
top brands
CURSOR
Shopify
runway
Dropbox
yelp
Features

Do more with video

Encoding, streaming, analytics and AI workflows — the whole video stack behind one API.

01 — Stream

Mux Video

02 — Measure

Mux Data

03 — Understand

Mux AI

Embedding a video with Mux
<mux-player   playback-id="a4nOgmxG..."   metadata-video-title="My video" ></mux-player>
Controls

Pills & blocks

Search the docs Focused field

Buttons are full pills with uppercase JetBrains Mono labels (12/500), 44px tall: orange #ff6100 primary, yellow #ffb200 secondary, and a 1px outline. Cards are chunky 28px; depth is colour blocks and hairline borders, not shadow.

Typography

Three faces

Hero display · Rotonto · 66/76 · 400 · +1.32px UPPERVideo for developers
Subhead · Aeonik · 24/27.6 · 700Do more with video
Body · Aeonik · 16/24 · 400Stream it, moderate it, search it, analyze it.
Eyebrow / label · JetBrains Mono · 14 · UPPERTrusted by top brands
Button · JetBrains Mono · 12 · 500 · UPPERGet started
Palette

Sage + colour blocks

Surfaces
sage#e2e4dd
sage-2#d0d2c8
sage-tint#f4f6f4
white#ffffff
charcoal#242628
black#000000
Brand colour blocks
yellow#ffb200
orange#ff6100
pink#fa50b5
blue#0091ff
green#1be349
Neutrals
ink-800#212121
blue-gray#adb9c6
gray-500#828c97
gray-600#565e67
Depth & motion

Flat & blocky

2px
14px
28px card
full pill
flat + 1px border
colour block

Radii run 2/14/28px with full-pill buttons. Elevation is nearly flat — structure comes from full-bleed colour blocks and 1px borders forming a visible grid, not drop shadows.