Transparent UI KMM

Note This project is a work in progress. The current implementation uses Canvas in Compose Multiplatform to draw transparent circles and text. However, this may not be the most optimal solution. Alternative approaches and contributions are welcome.

This project is inspired by some tweets and the reflective_ui_flutter repository. The goal is to explore and implement transparent UI components in Jetpack Compose Multiplatform.

Overview

The project currently uses the Canvas composable to draw circles and text with transparency. However, creating a new Canvas object for each element may not be the most efficient approach. This repository serves as a starting point to experiment with different alternatives and find the best solution for creating transparent UI components.

Contributing

Contributions and feedback are highly encouraged. If you have alternative approaches, optimizations, or improvements, feel free to create a pull request. Together, we can find the most effective and efficient way to implement a transparent UI in Compose Multiplatform.

Example Screenshot

Demo

https://github.com/SEAbdulbasit/reflective-ui-kmm/assets/33172684/59bb18a5-4f87-4081-9e7a-039ef635ee9f

Live

You can find live here

License

This project is licensed under the MIT License.