sharkdp/purescript-css

purescript-css is a library that lets you write CSS directly within your PureScript code instead of in separate stylesheets. The main benefit is that it brings the safety of a typed programming language to styling web pages, catching errors before they ever reach a user's browser. Normally, CSS is written in its own separate language, which means typos like misspelled property names or invalid color values often slip through unnoticed until someone sees the broken layout on a live page. This library solves that by representing CSS rules as typed code. When you describe a style, say, setting a font size or a background color, the compiler checks that the values are valid before anything gets rendered. At a high level, you construct CSS declarations using the library's functions, and it handles translating those into proper CSS text that a browser can understand. Who would use this? Primarily developers already building applications in PureScript who want to keep their styling logic co-located with their component and UI code rather than managing standalone .css files. For example, if you're building a dashboard interface and you want a button's color to change based on application state, this approach lets you express that styling programmatically with the same safety guarantees the rest of your code enjoys. You avoid the common mismatch where HTML structure and CSS rules drift apart over time. The notable tradeoff here is that adopting this library means committing to writing styles in code rather than in traditional stylesheets, which some teams may find less intuitive. Beyond the core pitch of type-safe CSS authoring and rendering, the README doesn't go into much further detail about specific features or advanced capabilities. Full module documentation is available on the Pursuit website for those who want to explore the API in depth.