Awesome

Kotlin Wrappers

This repository hosts a number of Kotlin wrappers for popular JavaScript libraries.

To learn more please refer to the API Reference.

Library name	API	README	Note	Version
kotlin-actions-toolkit	API	README
kotlin-browser	API	README
kotlin-cesium-engine	API	README
kotlin-cesium-widgets	API	README
kotlin-css	API	README
kotlin-cssom-core	API	README
kotlin-csstype	API	README	guide
kotlin-electron	API	README
kotlin-emotion	API	README	guide
kotlin-extensions<sup>archived</sup>	API	README
kotlin-js	API	README
kotlin-mui-material	API	README
kotlin-mui-base	API	README
kotlin-mui-icons-material	API	README
kotlin-mui-lab	API	README
kotlin-mui-system	API	README
kotlin-muix-date-pickers	API	README
kotlin-muix-tree-view	API	README
kotlin-node	API	README
kotlin-popperjs-core	API	README
kotlin-preact-signals-core	API	README
kotlin-preact-signals-react	API	README
kotlin-react	API	README
kotlin-react-beautiful-dnd	API	README
kotlin-react-core	API	README
kotlin-react-dom	API	README
kotlin-react-dom-legacy<sup>archived</sup>	API	README
kotlin-react-dom-test-utils	API	README
kotlin-react-legacy<sup>archived</sup>	API	README
kotlin-react-router	API	README
kotlin-react-router-dom	API	README
kotlin-react-popper	API	README
kotlin-react-select	API	README
kotlin-react-use	API	README
kotlin-remix-run-router	API	README
kotlin-styled-next	API	README
kotlin-tanstack-query-core	API	README
kotlin-tanstack-react-query	API	README
kotlin-tanstack-react-query-devtools	API	README
kotlin-tanstack-react-table	API	README
kotlin-tanstack-react-virtual	API	README
kotlin-tanstack-table-core	API	README
kotlin-tanstack-virtual-core	API	README
kotlin-typescript	API	README
kotlin-vercel-ncc	API	README
kotlin-web	API	README
kotlin-wrappers-bom	API	README

Artifacts are published to Maven Central, see the corresponding README files for package coordinates.

All packages require JDK 11 to be installed.

Using In Your Projects

Use Kotlin Wrappers' version catalog.

Just declare kotlin-wrappers-catalog in root settings.gradle.kts and specify the modules you need:

// root `settings.gradle.kts`
dependencyResolutionManagement {
    repositories {
        mavenCentral()
    }

    versionCatalogs {
        create("kotlinWrappers") {
            val wrappersVersion = "0.0.1-pre.808"
            from("org.jetbrains.kotlin-wrappers:kotlin-wrappers-catalog:$wrappersVersion")
        }
    }
}

// build.gradle.kts
dependencies {
    jsMainImplementation(kotlinWrappers.emotion)
    jsMainImplementation(kotlinWrappers.react)
    jsMainImplementation(kotlinWrappers.reactDom)
    jsMainImplementation(kotlinWrappers.tanstack.reactTable)
    // other wrappers
}

Examples

1. Internal examples

2. Building Web Applications with React and Kotlin/JS, a tutorial by JetBrains.

3. An example of using react-table that shows how to use react-table with hooks API.

4. An example of using Material UI.

5. ByteLegend: an open-source, real-world HTML5 MMORPG game.

Follow these examples to learn how to start developing your React apps with Kotlin. Good luck and have fun!

Contributing

Contributions to this project are welcome! Please see the open issues or chat with us on the #react channel in our Slack.