Awesome Open Source
Awesome Open Source

CSS in JS Benchmarks

Big Table


Big Table examples, use:

  • react + css
  • aphrodite
  • glamorous
  • glam
  • fela
  • react-jss
  • radium
  • react-native-web
  • rockey
  • styled-components
  • styled-jsx
  • styletron
  • etc

Average results are here.

New demos and benchmarks will be soon :)


Here is a little contributing guild:

  • Use node version ^7.9 (i.e. use 7.9 or newer, but not as new as 8)
  • Install lerna and yarn (optional)
  • lerna bootstrap or lerna bootstrap --npm-client=yarn - install deps in packages
  • npm i
  • lerna run build - make builds for all packages
  1. Create an appropriate folder for your CSS in JS new implementation. Use react as example of boilerplate.
  2. Add description for your CSS in JS in package.json. Example
  3. Add your solution for Table.js file.
  4. Run benchmarks: npm run benchmark. To tun tests for specific packageor - npm run benchmark -- rockey styled-jss radium

Add your favorite CSS in JS implementation! Your contributions and suggestions are heartily welcome. =^.^=

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,511,655
Css (209,838
Reactjs (72,668
Js (9,376
Styled Components (3,566
Benchmark (1,889
Css In Js (572
Calculations (229
Jss (135
Related Projects