---
title: 'The Evolution of Zero-Runtime CSS in 2023'
description: 'How modern compile-time CSS systems solved the runtime performance bottlenecks of CSS-in-JS.'
subtitle: 'From styled-components to Vanilla Extract, Panda CSS, and Tailwind.'
date: '2023-07-09'
lang: 'en'
---

During the heyday of CSS-in-JS, developer ergonomics reigned supreme. However, as applications scaled, client-side runtime style injection led to notable main-thread contention.

## The Shift to Static Extraction

Compile-time extractors evaluate style declarations ahead of time:

- No runtime overhead.
- Predictable specificity.
- Full benefits of atomic deduplication.

This paradigm shift paved the way for the sleek utility pipelines we enjoy today.