# Glassmorphic Bottom Navigation in Jetpack Compose

DevFeed: [Glassmorphic Bottom Navigation in Jetpack Compose](<https://devfeed.tech/articles/glassmorphic-bottom-navigation-in-jetpack-compose-25781.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/glassmorphic-bottom-navigation-in-jetpack-compose/>)

Author: sinasamaki

Published: 2023-12-15T05:11:33Z

Content type: tutorial

Language: en

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

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [navigation](<https://devfeed.tech/topics/navigation.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [article](<https://devfeed.tech/tags/article.md>), [bottom-navigation](<https://devfeed.tech/tags/bottom-navigation.md>), [compose](<https://devfeed.tech/tags/compose.md>), [implement](<https://devfeed.tech/tags/implement.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [layout](<https://devfeed.tech/tags/layout.md>), [library](<https://devfeed.tech/tags/library.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [scale](<https://devfeed.tech/tags/scale.md>), [state](<https://devfeed.tech/tags/state.md>), [switching](<https://devfeed.tech/tags/switching.md>)

## AI overview

A tutorial on building a glassmorphic bottom navigation bar in Jetpack Compose using the Haze library. It covers layout setup, tab state, animated selection, and backdrop blurring with rounded boundaries.

## Source excerpt

Implement a frosty bottom bar using Haze library