Shimmer & Shadow Loading Effect Animation with Jetpack Compose


This repository aims to show how to create a shimmer & shadow loading effect animation with native Jetpack Compose for light and dark modes in Android applications.

There is a Medium Article. You can study this repository with the article.

Description of Medium Article

I will create a basic Android application with only Jetpack Compose in this article. This app will include some general placeholders for some general use cases such as a news image, title, subtitle, user image, etc. In addition, the app will include two buttons. The first one is to start or stop the shimmer animation. Another one is to show dark mode shimmer loading animation.


If you would like to jump into a specific topic, this is the table of contents:

  1. Design of the Application
  2. Creating Shimmer Loading Effect Animation for Light and Dark Modes
  3. Manage Shimmer Loading Effect Animation and Display Modes

To continue reading about above parts, please check the Medium Article.


All social media and contact info is @canerkaseler

Buy Me A Coffee


MIT License

Copyright (c) 2023 Caner Kaşeler

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.


View Github