

Typed styled components for ReScript, Melange and Native


styled-ppx is a ppx and a library that brings styled components to ReScript and Melange. It allows you to create React Components with type-safe style definitions that don't rely on a different language (DSL) except CSS, but also can be used without React.
Built on top of emotion, it allows you to style apps safely, quickly, and performantly - just as you have always done it.
For the entire documentation, visit styled-ppx.vercel.app
We provide an editor extension that brings syntax highlighting:
If you are interested on another editor, please file an issue
Contributing
We would love your help improving styled-ppx! Please see our contributing and community guidelines; they'll help you get set up locally and explain the whole process: CONTRIBUTING.md
License
This project is licensed under the Simplified BSD License (BSD 2-Clause License)