Khakra

screenshot of Khakra
react
chakra-ui

Kotlin React bindings for ChakraUI

Overview

KHAKRA is an exciting new library designed to provide Kotlin bindings for Chakra UI, streamlining the development process for developers who prefer working with Kotlin. As a work-in-progress (WIP) project, it is actively porting a robust list of Chakra UI modules, ensuring compatibility and ease of use. With its familiar API design, Kotlin developers can leverage Chakra's rich set of components while enjoying the language's expressive features.

The library is still finding its way onto Maven Central, meaning developers will need to navigate some manual installation steps initially. However, its unique features, such as dedicated DSL builders and operator extensions for property management, make it an attractive choice for building modern web applications with React and Kotlin.

Features

  • Familiar API Design: The library's API is largely similar to the JavaScript version of Chakra UI, making it easy for developers to pick up and use with minimal friction.
  • Dedicated DSL Builders: Each component includes a builder DSL that allows developers to define props and layouts intuitively with optional parameters for flexibility.
  • Operator Extensions: Get and set operator extensions on Any type enable you to manipulate properties directly, although caution is advised due to potential unsafe operations.
  • Ported Modules Tracker: The library boasts a detailed tracker for Chakra UI modules, allowing developers to monitor which components have been ported and what remains in progress.
  • Supportive Community: Engage with the community via GitHub Discussions or the dedicated Slack channel for help, feedback, or suggestions.
  • Installation Guide: Though not yet available on Maven Central, clear instructions are provided for adding the library from a private repository and configuring the new IR JS compiler backend.
  • Sandbox for Testing: Developers can run a sandbox environment to test and render components easily, promoting a smooth development experience.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.