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	API	README	archived
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	API	README	archived
kotlin-react-dom-test-utils	API	README
kotlin-react-legacy	API	README	archived
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-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 8 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("libs") {
            val wrappersVersion = "0.0.1-pre.803"
            from("org.jetbrains.kotlin-wrappers:kotlin-wrappers-catalog:$wrappersVersion")
        }
    }
}

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

Make sure that you have mavenCentral() in the list of repositories.

Examples

1. To-do list example

2. Tic-Tac-Toe example

3. A port of "Thinking in React" example

4. An example of using axios to fetch remote data. It also demonstrates how to add typings for an external library.

5. An example of using Quill that shows how to use an external React component.

6. An example of using react-router-dom that shows how to use react-route-dom with hooks API.

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

8. A full-stack demo application written in Kotlin for JetBrains Night Moscow 2019.

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

10. An example of using Material UI.

11. 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.