--- title: "Everything you need to know about the New Styles API in Jetpack Compose" url: https://daily.dev/posts/everything-you-need-to-know-about-the-new-styles-api-in-jetpack-compose-wxnc1odzj source_url: https://www.youtube.com/watch?v=1WZpytfb3W4 type: video:youtube source: "Stevdza-San" published: 2026-05-23T13:12:24.656Z updated: 2026-05-23T13:12:46.868Z tags: ["android", "kotlin", "jetpack-compose", "compose-multiplatform"] reading_time: 16 upvotes: 0 comments: 0 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Everything you need to know about the New Styles API in Jetpack Compose **[Stevdza-San](https://daily.dev/sources/stevdzasan)** · 16 min read · 0 upvotes · 0 comments ## Summary Google I/O 2026 introduced a new Styles API in Jetpack Compose, available from version 1.11.0-alpha06. Unlike modifiers (which are additive), styles are overwritable — the last declared style wins. The API introduces three core concepts: Style, StyleScope, and StyleState. StyleState acts as a bridge between interaction sources and visual styling, enabling state-based appearance changes (pressed, hovered, selected, etc.). The Styles API is designed for visual/styling concerns only — behaviors like gestures and click handling still belong in modifiers. A key performance benefit is that style animations skip the composition phase, running only in draw and layout phases. Current limitations include no support for infinite animations, custom shapes, shape animations, or View system theme interoperability. Best practices include exposing style parameters in custom components, using styles for visuals and modifiers for behaviors, and using rememberUpdatedStyleState for dynamic state management. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#android](https://daily.dev/tags/android), [#kotlin](https://daily.dev/tags/kotlin), [#jetpack-compose](https://daily.dev/tags/jetpack-compose), [#compose-multiplatform](https://daily.dev/tags/compose-multiplatform) [View this post on daily.dev](https://daily.dev/posts/everything-you-need-to-know-about-the-new-styles-api-in-jetpack-compose-wxnc1odzj)