Enhances HTML styling by integrating a type-safe, declarative DSL inspired by Tailwind CSS, facilitating inline style management without external stylesheets while ensuring seamless compatibility with kotlinx.html.
Kotlinwind CSS is a Kotlin library that enhances your experience with kotlinx.html by providing a more Kotlin-centric approach to styling HTML. Inspired by Tailwind CSS, this library allows you to apply CSS styles directly within your HTML-building code, utilizing Kotlin's type-safe, declarative syntax through a Kotlin DSL (Domain-Specific Language).
kotlinx.html.| Kotlinwind CSS Code | Resulting HTML |
|---|---|
Kotlinwind CSS is built for developers who prefer a Kotlin-native way of styling HTML. By leveraging Kotlin's type-safe, declarative DSL and drawing inspiration from the utility-first approach of Tailwind CSS, this library eliminates the need for traditional CSS files and provides a more cohesive development experience within Kotlin projects.
To start using Kotlinwind CSS in your project, add the following dependency to your build.gradle.kts file:
implementation("io.github.allangomes:kotlinwind-css:{VERSION}")
Replace {VERSION} with the latest version available on Maven Central.
For detailed usage instructions and examples, visit the Wiki.
Currently, Kotlinwind CSS supports only inline styles. Future versions will introduce support for external stylesheets and CSS classes.
Interactivity is not a priority at this stage, as starting with a JS/TS framework may be more beneficial for projects requiring dynamic behavior.
0.0.2 - 0.0.9
0.1.0 - 0.1.9
@media Queries SupportFuture Plans
Modifier)Surfaced from shared tags and platforms — no rankings paid for.