# Brushed Metal UI in Jetpack Compose

DevFeed: [Brushed Metal UI in Jetpack Compose](<https://devfeed.tech/articles/brushed-metal-ui-in-jetpack-compose-25768.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/brushed-metal-ui-in-jetpack-compose/>)

Author: sinasamaki

Published: 2025-02-14T11:52:40Z

Content type: tutorial

Language: en

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

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

Tags: [article](<https://devfeed.tech/tags/article.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [compose](<https://devfeed.tech/tags/compose.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [render](<https://devfeed.tech/tags/render.md>), [rotation](<https://devfeed.tech/tags/rotation.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A tutorial on recreating and animating a brushed-metal skeuomorphic UI effect in Jetpack Compose. It explains how to layer radial gradients for circular ridges and sweep gradients for rotating highlights, with colors derived from a base color.

## Source excerpt

How to create this skeuomorphic metallic effect using gradients