Dev Tools · 2h ago
Satori's CSS limits: what it can and can't render
Satori, the engine behind @vercel/og and next/og, uses a flexbox-only layout engine (Yoga) and supports a limited CSS subset. It lacks display: grid, block, inline-block, and table, and cannot render emoji. Developers must explicitly set display: flex or none on containers with multiple children to avoid errors.
Meridian48 take
This is a practical reference for developers using Vercel's OG image generation, but the limitations are well-documented; surprises come from assuming browser-level CSS support.
satorivercel-og