# Wrapping a Fancy Ribbon around any Composable

DevFeed: [Wrapping a Fancy Ribbon around any Composable](<https://devfeed.tech/articles/wrapping-a-fancy-ribbon-around-any-composable-25803.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/wrapping-a-fancy-ribbon-around-any-jetpack-composable/>)

Author: sinasamaki

Published: 2025-05-31T16:47:35Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

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

Tags: [article](<https://devfeed.tech/tags/article.md>), [build](<https://devfeed.tech/tags/build.md>), [compose](<https://devfeed.tech/tags/compose.md>), [effect](<https://devfeed.tech/tags/effect.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how to build a Jetpack Compose ribbon modifier that wraps around UI elements. It covers drawing a winding path with polar coordinates, matching the ribbon to an element's dimensions, and creating depth by splitting the path into segments drawn above and below the content.

## Source excerpt

How to animate a ribbon that wraps around UI elements in Jetpack Compose