Close
Targets
JavaScript
ReasonML
React Native
Advanced
Under The Hood

Component-based

Styles are authored on component-base and fully encapsulated from other styles accounting for predictable styling without side-effects. It also enables automatic code-splitting where each component is rendered to a new file.

Write once, use everywhere

Elodin compiles to a variety of different languages, platforms and libraries without having to change a single line. It's truly one file for all targets!

Type-safe properties

The compiler will validate every property-value pair and throw on invalid rules resulting in solid code and bulletproof output. If it compiles, it works!

Quick learning-curve

The syntax is a mix of CSS and JavaScript with some concepts from ReasonML and thus already familiar to many developers. It is declarative and unlike CSS only supports one value per property.