---
title: "Compose Animated Date Carousel"
url: https://daily.dev/posts/compose-animated-date-carousel-oidvwcnnc
source_url: https://www.droidcon.com/2025/12/17/compose-animated-date-carousel/
type: article
source: "droidcon"
published: 2026-01-06T09:54:20.781Z
updated: 2026-01-06T09:54:45.114Z
tags: ["android", "ui-design", "kotlin", "jetpack-compose"]
reading_time: 5
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.

# Compose Animated Date Carousel

**[droidcon](https://daily.dev/sources/droidcon)** · 5 min read · 0 upvotes · 0 comments

## Summary

A step-by-step guide to building an animated date carousel UI component using Jetpack Compose and kotlinx-datetime. The tutorial covers generating a full year's date list, implementing auto-scrolling to center selected dates, creating a LazyRow with custom spacing, and applying dynamic visual effects (scale, rotation, alpha) based on item distance from viewport center. The component supports both Android and iOS through Compose Multiplatform.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.droidcon.com/2025/12/17/compose-animated-date-carousel/>

## Similar posts on daily.dev

- [Implementing Parallax Scrolling with Jetpack Compose](https://daily.dev/posts/implementing-parallax-scrolling-with-jetpack-compose-zhdn0g4pt) · ProAndroidDev · 0 upvotes · 0 comments
- [What's new in the Jetpack Compose December '25 release](https://daily.dev/posts/what-s-new-in-the-jetpack-compose-december-25-release-tosr73rob) · Android Developers Blog · 7 upvotes · 0 comments
- [jetc.dev Newsletter Issue \#328](https://daily.dev/posts/jetc-dev-newsletter-issue-328-zimqbiwd3) · Jetpack Compose Newsletter · 1 upvotes · 0 comments

---

Tags: [#android](https://daily.dev/tags/android), [#ui-design](https://daily.dev/tags/ui-design), [#kotlin](https://daily.dev/tags/kotlin), [#jetpack-compose](https://daily.dev/tags/jetpack-compose)

[View this post on daily.dev](https://daily.dev/posts/compose-animated-date-carousel-oidvwcnnc)