Shadowgraph

1,969commits

30contributors

9languages

Tech stack & purpose

styled-ppx is a preprocessor extension and library for OCaml and Reason that enables type-safe, compile-time verified CSS-in-code styling for React components and class names, with zero runtime overhead through static extraction. The project is built using OCaml and Reason as its primary languages and targets both Melange and native OCaml environments, with support for ReScript compatibility. The architecture consists of a parser and type checker that builds CSS abstract syntax trees and validates properties, a PPX transformer that exposes styled component macros, runtime emitters for different platforms, and an extraction pipeline that converts styling into static CSS assets during compilation. Editor support is provided through VSCode and Vim extensions, with the VSCode extension created by davesnx and building on prior work by styled-components' team.