| 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 |