{
  "id": 1725120,
  "title": "CSS-in-JS Arena Bamboo, StyleX and Panda on Pixel-Identical Apps",
  "url": "https://urgent.news/2026/08/18/css-in-js-arena-bamboo-stylex-and-panda-on-pixel-identical-apps",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-18T14:24:05.000Z",
  "source": {
    "name": "Lobsters",
    "slug": "lobsters",
    "url": "https://github.com/gajus/css-in-js-arena"
  },
  "original_language": "en",
  "account": "For the past six years, the author has been developing Contra, a platform akin to LinkedIn and UpWork. This application features a vast array of routes, components, and styles, with the team focusing on performance optimization. They started with styled-components, but as alternatives emerged and zero-runtime options were explored, they ultimately adopted Panda CSS. While Panda proved effective, it still had a runtime overhead due to its ~15KB runtime required to map style objects at runtime. This led to the creation of Bamboo, a solution that folds styles at build-time, resulting in near-zero runtime (0.5KB vs. 15KB).\n\nTo utilize Bamboo, developers can write classes like `div className={css({ fontSize: lg, fontWeight: bold })} Title /div`, which are converted into `div className=fs_lg fw_bold Title /div` during the build process. This approach ensures that even if the variant is dynamic, the bundle will contain a pre-computed map of classes. The author's ultimate goal with Bamboo was to improve both server-side and client-side performance, which they achieved through folding. To benchmark the performance of Bamboo against Panda and other emerging frameworks, the author developed CSS-in-JS Arena.",
  "summary": "A little context, I've been working on Contra for the last 6 years. It's a marketplace-network – an application that's comparable to the likes of LinkedIn, UpWork, and similar in terms of its surface area. That's hundreds of routes, thousands of components, and tens of thousands of styles. Over the last year, we have been obsessed with performance. We have optimized every layer of our…",
  "key_points": [
    "Bamboo folds styles at build-time, reducing runtime overhead to 0.5KB",
    "Bamboo ensures pre-computed class maps for dynamic variants",
    "CSS-in-JS Arena benchmarks Bamboo's performance against Panda and others"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}