# Crafting a Floating Bubble in Android with Jetpack Compose

DevFeed: [Crafting a Floating Bubble in Android with Jetpack Compose](<https://devfeed.tech/articles/crafting-a-floating-bubble-in-android-with-jetpack-compose-23700.md>)

Original publisher: [Read original article](<https://engineering.theblueground.com/crafting-a-floating-bubble-in-android-with-jetpack-compose/>)

Author: Vaios Tsitsonis

Published: 2023-06-27T13:29:28Z

Content type: tutorial

Language: en

Sources: [Blueground Engineering blog](<https://devfeed.tech/sources/blueground-engineering-blog.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [ui](<https://devfeed.tech/topics/ui.md>), [reactive](<https://devfeed.tech/topics/reactive.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [component](<https://devfeed.tech/tags/component.md>), [container](<https://devfeed.tech/tags/container.md>), [declarative](<https://devfeed.tech/tags/declarative.md>), [development](<https://devfeed.tech/tags/development.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [screen](<https://devfeed.tech/tags/screen.md>), [state](<https://devfeed.tech/tags/state.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A tutorial on implementing a permissionless, in-app floating chat bubble in Android with Jetpack Compose. It explains the draggable container and bubble structure, state tracking for position and dimensions, and coordinate calculations that keep the bubble within the screen.

## Source excerpt

Jetpack Compose simplifies UI development with a declarative approach, improves productivity with live preview, and offers a modern, reactive framework for building dynamic and interactive user interfaces. In simple words, it makes it fast, easy, less error-prone, and funny to do complex UIs. At Blueground, we needed to create