https://github.com/gabrieldrn/carbon-compose

Carbon design system implementation with KMP and Compose Multiplatform
https://github.com/gabrieldrn/carbon-compose

android carbon-design-system compose-multiplatform design-system kotlin-library kotlin-multiplatform kotlin-native wasm

Last synced: 6 months ago
JSON representation

Carbon design system implementation with KMP and Compose Multiplatform

• Host: GitHub
• URL: https://github.com/gabrieldrn/carbon-compose
• Owner: gabrieldrn
• License: apache-2.0
• Created: 2023-10-20T04:17:10.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-10T14:20:25.000Z (over 1 year ago)
• Last Synced: 2025-01-10T15:29:58.745Z (over 1 year ago)
• Topics: android, carbon-design-system, compose-multiplatform, design-system, kotlin-library, kotlin-multiplatform, kotlin-native, wasm
• Language: Kotlin
• Homepage: https://gabrieldrn.github.io/carbon-compose/
• Size: 6.49 MB
• Stars: 169
• Watchers: 3
• Forks: 11
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• kmp-awesome - Carbon Compose - IBM's Carbon design system in Compose multiplatform. (Libraries / 🍎 Compose UI)

README

          


  

    

    

    

  



# Carbon | Compose Multiplatform

[![Kotlin](https://img.shields.io/badge/2.2.0-blue?logo=kotlin&logoColor=white&color=7F52FF)](http://kotlinlang.org)

[![Compose Multiplatform](https://img.shields.io/badge/1.8.2-green?logo=jetpackcompose&logoColor=white&color=4284F3)](https://github.com/JetBrains/compose-multiplatform)

[![CI | compile & tests](https://github.com/gabrieldrn/carbon-compose/actions/workflows/ci-lib-workflow.yml/badge.svg)](https://github.com/gabrieldrn/carbon-compose/actions/workflows/ci-lib-workflow.yml)

A [Compose Multiplatform](https://www.jetbrains.com/lp/compose-multiplatform/) implementation of IBM's [Carbon Design System](https://github.com/carbon-design-system/carbon).

![](https://github.com/user-attachments/assets/82d8c108-7e6b-4ef8-8e6c-cf1ecf7026d1) | ![](https://github.com/user-attachments/assets/5b80e6a9-7b5c-41b0-9bac-169e2f051954) | ![](https://github.com/user-attachments/assets/a1ba04d5-c728-4791-848f-9e26df38c346)

:--:|:--:|:--:

**Supported platforms:**

- Android

- iOS

- Desktop

- Web via Wasm

> [!CAUTION]

> This library is **still under development** and **unofficial**. Contributions are welcomed!

---

# 📦 Import library

To start using Carbon in your Compose app, follow the instructions on how to add Carbon Compose to

your project on the [Import Carbon](https://gabrieldrn.github.io/carbon-compose/getting-started/import-lib/) page.

Use the latest version in the [releases page](https://github.com/gabrieldrn/carbon-compose/releases).

# ⚙️ Usage

Read [Using Carbon](https://gabrieldrn.github.io/carbon-compose/getting-started/usage/) to learn how to use Carbon

in your app.

# 🤳 Catalog App

The `:catalog` module is a KMP application offering an interactive showcase to test and explore

implemented components of this project. It supports all the library supported platforms and allows

developers to visualize and interact with the components in different environments.

For more information on how to build and use the catalog app, please refer to the module's [README](catalog/README.md).

# 📖 Documentation

Visit the project's Github Pages https://gabrieldrn.github.io/carbon-compose/ to get more information about the

project, some documentation, its API reference and the catalog app.

# 🧑‍💻 Contributions

The project is open for contributions, have a look at the contribution guidelines and the issues list!

# ❤️ Support

Feel free to ⭐ the project and/or [leave a tip](https://github.com/sponsors/gabrieldrn) if you like carbon-compose! 🙂

---

Content featuring carbon-compose: