davesnx / styled-ppx

Type-safe styled components for ReScript, Melange and native with type-safe CSS
https://styled-ppx.vercel.app
BSD 2-Clause "Simplified" License
399 stars 31 forks source link
css css-in-js emotion melange ocaml ppx react reason reasonml rescript styled styled-components vscode-extension

styled-ppx-header-lightstyled-ppx-header-dark

Typed styled components for ReScript, Melange and Native

demostyled-ppx-demo-dark

styled-ppx is a ppx and a library that brings styled components to ReScript, Melange and Native. Create React Components or simply class with type-safe style definitions wiht only CSS.

Built on top of emotion, it allows you to style apps safely, quickly, and performantly - just as you always done it.

Documentation

For the entire documentation, visit styled-ppx.vercel.app

Editor Support

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)