Results: sorted by rerender time Solution Use CSS Use Inline-Styles Mount Time (ms) Rerender time (ms) react (without styles) - - 18.25 45.01 nano-css (using put() interface) + + 29.6 51.15 react (with inline-styles) - + 30.5 51.42 nano-css (using rule() interface) + + 31.25 53.49 cxs + + 34.9 54.84 styled-jsx-inline-styles + + 37.25 55.42 nano-css (using jsx() interface) + + 42.87 55.93 emotion-css-mode + + 34.43 56.05 react-css + + 35.48 58.44 aphrodite + + 42.7 59.3 nano-css (using styled() interface) + + 44 59.79 nano-css (using drule() interface) + - 35.6 62.18 glam-inline-style + + 34.6 62.88 nano-css (using dsheet() interface) + + 37.7 64.43 styled-jss-w-o-plugins-v2 + - 105.05 70.02 styled-jss-w-o-plugins + - 100.23 71.64 styled-components-inline-styles + + 78.4 71.82 rockey-inline + + 81.7 73.16 nano-css (using styled() interface CSS-only) + - 65.9 74.23 glam-simple + - 41.33 74.63 styled-jss-v2 + - 135.57 78.05 styled-jss + - 134.45 79.81 fela + - 55.3 81.53 nano-css (using sheet() interface) + + 32.7 82.43 emotion-simple + - 108.75 84.71 emotion-extract-static + + 120.85 84.82 emotion-decouple + - 107.45 85.83 radium - + 80.8 89.52 styletron + - 86.43 92.42 merge-styles + - 85.08 96.36 styled-components + - 146.8 96.71 styled-components-decouple-cell + - 187.1 109.68 styled-jsx-dynamic + - 149.23 115.61 react-native-web + + 167.75 122.86 rockey-speedy + - 90.8 155.07 rockey + - 171.6 218.18 react-jss + - 161.8 256.31 glamorous + - 217.15 273.26 glamorous-glamour-css + - 221.8 366.03