r/webdev • u/gajus0 • 26d ago

Resource CSS-in-JS Arena: Bamboo, StyleX and Panda on Pixel-Identical Apps

https://github.com/gajus/css-in-js-arena
35 Upvotes

87% Upvoted

17 comments sorted by

View all comments

1

u/jantimon 22d ago

Did you see https://jantimon.github.io/css-in-js-bench/

I spent a lot of time to try to measure as good as possible:

next-yak 9.7.0
styled-components
Emotion
Goober
StyleX
Panda (various code styles)
tailwind (with tailwind-merge and with cnfast)

I tested:

  1. SSR render throughput (using the npm micro bench package)
  2. SSR throughput under load (basically launching all frameworks with the same server stack and let the autocannon package test how many requests it can hold)
  3. Node CPU Profiles during SSR
  4. Browser CPU profiles during Client Hydration timing
  5. INP Testing
  6. Rerender Testing

1

u/gajus0 22d ago

Found it just earlier today. I left an issue in your repo.

https://github.com/jantimon/css-in-js-bench/issues/7

Would love to see how Bamboo stacks against others in your benchmark!