El repositorio css-in-js-arena, mantenido por gajus en GitHub, publica una comparativa reproducible entre tres motores de CSS en tiempo de compilación: Bamboo CSS (1.45.3), StyleX (0.19.0) y Panda CSS (1.12.0). Cada motor se integra en una aplicación React Router 8 con seis rutas idénticas —panel de administración, tablas, formularios y gráficos— verificada píxel a píxel antes de tomar medidas, lo que garantiza que las cifras reflejen el motor y no el diseño. Las pruebas se ejecutaron el 18 de agosto de 2026 sobre macOS con Node 24.10 y Vite 8.2.1. Bamboo gana 22 de 28 filas evaluadas, StyleX 7 y Panda 11. En peso de la primera carga, Bamboo entrega 104.911 B frente a 106.117 B de StyleX y 112.840 B de Panda; en build de producción en frío, Bamboo tarda 1.564 ms, Panda 1.611 ms y StyleX 2.336 ms. Bamboo es el único motor que interrumpe el build ante un token mal escrito y el único que envía 0 B de CSS inalcanzable. StyleX ofrece la mejor experiencia de HMR al editar un módulo compartido (103 ms) pero emite una hoja de estilos duplicada sin referenciar y carece de selector adyacente nativo. Panda presenta un coste marginal por declaración idéntico a Bamboo (40,3 B en crudo) y toda su penalización inicial es fija, por lo que a escala de producción los dos se equiparan. Bamboo y Panda soportan múltiples temas de marca con payloads perezosos que no afectan a la carga inicial, mientras que StyleX los incrusta en la hoja principal, de modo que con ocho temas su CSS crece un 19 % adicional.
Noticias agregadas con IA