Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/canerkaseler/jetpack-compose-shimmer-loading-animation
This repository targets to show native Shimmer & Shadow Loading Effect Animation with Jetpack Compose in android development.
https://github.com/canerkaseler/jetpack-compose-shimmer-loading-animation
compose-shimmer jetpack-compose kotlin-android kotlin-compose medium-article shimmer shimmer-android shimmer-animation shimmer-effect shimmer-jetpack-compose shimmer-loading shimmering
Last synced: 9 days ago
JSON representation
This repository targets to show native Shimmer & Shadow Loading Effect Animation with Jetpack Compose in android development.
- Host: GitHub
- URL: https://github.com/canerkaseler/jetpack-compose-shimmer-loading-animation
- Owner: canerkaseler
- License: mit
- Created: 2023-09-21T01:58:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-03T16:21:56.000Z (about 1 year ago)
- Last Synced: 2024-07-11T14:45:33.682Z (4 months ago)
- Topics: compose-shimmer, jetpack-compose, kotlin-android, kotlin-compose, medium-article, shimmer, shimmer-android, shimmer-animation, shimmer-effect, shimmer-jetpack-compose, shimmer-loading, shimmering
- Language: Kotlin
- Homepage: https://proandroiddev.com/shimmer-shadow-loading-effect-animation-with-jetpack-compose-f4b3de28dc2b
- Size: 106 KB
- Stars: 38
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-list - canerkaseler/jetpack-compose-shimmer-loading-animation - This repository targets to show native Shimmer & Shadow Loading Effect Animation with Jetpack Compose in android development. (Kotlin)
README
# 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](https://proandroiddev.com/shimmer-shadow-loading-effect-animation-with-jetpack-compose-f4b3de28dc2b). 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.
### Topics:
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](https://proandroiddev.com/shimmer-shadow-loading-effect-animation-with-jetpack-compose-f4b3de28dc2b).
## Author
All social media and contact info is [@canerkaseler](https://linktr.ee/canerkaseler)
## License
```xml
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.
```