css-in-js-playground

A simple CodeMirror editor showcasing the various CSS in JS styling solutions. Content is previewed live from the editor, and various styling solutions can be swapped out to see how various code snippets look in each.

Currently supported libraries

• aphrodite
• cxs
• emotion
• fela
• glamorous
• inline-styles
• jss
• jsxstyle
• linaria
• radium
• react-jss
• styled-components
• styletron
• yocss

Credits

Stripe: their excellent form mockup served as the basis for each of the current form designs.