# Centered Slider in Jetpack Compose

DevFeed: [Centered Slider in Jetpack Compose](<https://devfeed.tech/articles/centered-slider-in-jetpack-compose-25769.md>)

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

Author: sinasamaki

Published: 2024-11-08T18:06:10Z

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>), [implementation](<https://devfeed.tech/topics/implementation.md>), [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [Specifications](<https://devfeed.tech/topics/specifications.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [design](<https://devfeed.tech/tags/design.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [snap](<https://devfeed.tech/tags/snap.md>), [specifications](<https://devfeed.tech/tags/specifications.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ux](<https://devfeed.tech/tags/ux.md>)

## AI overview

This tutorial explains how to build a customizable centered slider in Jetpack Compose based on Material 3 slider behavior. It covers a configurable center value, snapping near the center, center indicators, and distinct active and inactive visual sections.

## Source excerpt

Creating a glowy centered slider based on the material 3 slider