Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/imaginativeshohag/why-not-compose

A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook, showcase or play-ground if you want!
https://github.com/imaginativeshohag/why-not-compose

android android-cookbook android-jetpack android-showcase android-ui compose compose-showcase compose-ui jetpack jetpack-compose jetpackcompose kotlin kotlin-android material3 material3-android material3-components

Last synced: 6 days ago
JSON representation

A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook, showcase or play-ground if you want!

Host: GitHub
URL: https://github.com/imaginativeshohag/why-not-compose
Owner: ImaginativeShohag
License: apache-2.0
Created: 2021-08-07T00:15:55.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2025-01-05T06:43:49.000Z (21 days ago)
Last Synced: 2025-01-13T12:16:13.361Z (13 days ago)
Topics: android, android-cookbook, android-jetpack, android-showcase, android-ui, compose, compose-showcase, compose-ui, jetpack, jetpack-compose, jetpackcompose, kotlin, kotlin-android, material3, material3-android, material3-components
Language: Kotlin
Homepage: https://play.google.com/store/apps/details?id=org.imaginativeworld.whynotcompose
Size: 156 MB
Stars: 551
Watchers: 12
Forks: 40
Open Issues: 1
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        # Why Not Compose!

A collection of animations, compositions, and UIs using Jetpack Compose. You can say Jetpack Compose

cookbook, showcase or playground if you want!

Please feel free to ask for features or suggestions for improvements.

[![Developer](https://img.shields.io/badge/Maintainer-ImaginativeShohag-green)](https://github.com/ImaginativeShohag)

[![Buy Me A Coffee](https://img.shields.io/badge/-buy_me_a_coffee-gray?logo=buy-me-a-coffee)](https://www.buymeacoffee.com/ImShohag)

[![GitHub release](https://img.shields.io/github/release/ImaginativeShohag/Why-Not-Compose.svg)](https://github.com/ImaginativeShohag/Why-Not-Compose/releases)

[![Google Play](https://img.shields.io/badge/GET%20IT%20ON-Google%20Play-brightgreen)](https://play.google.com/store/apps/details?id=org.imaginativeworld.whynotcompose)

![API](https://img.shields.io/badge/API-21%2B-brightgreen.svg?style=flat)

[![ktlint](https://img.shields.io/badge/code%20style-%E2%9D%A4-FF4081.svg)](https://ktlint.github.io/)

## Notable Features & Libraries

- MVVM Pattern

- Navigation Component

- Hilt

- Everywhere dark mode support

- A lot of Ready to use compositions

- Material 3

- Gradle Kotlin DSL

- CI/CD

    - ktlint

    - CodeQL

    - Baseline profile generation

    - Fastlane: Publish to Google Play

- Material 3 examples

- Animated Splash Screen (Introduced in Android 12)

[](https://play.google.com/store/apps/details?id=org.imaginativeworld.whynotcompose)

## Screenshots

### Animations

|  |  |  |

|:---------------------------------------------------------------------:|:-----------------------------------------------------:|:-------------------------------------------------------:|

|                       |                                                       |                                                         |

### Compositions

|     ![Preview](images/app-bar.png)      |   ![Preview](images/button.png)    |       ![Preview](images/card.png)        |

|:---------------------------------------:|:----------------------------------:|:----------------------------------------:|

|    ![Preview](images/check-box.png)     |  ![Preview](images/drop-down.png)  |       ![Preview](images/grid.png)        |

|    ![Preview](images/list-item.png)     |    ![Preview](images/lists.png)    | ![Preview](images/loading-indicator.png) |

|   ![Preview](images/radio-button.png)   |  ![Preview](images/scaffold.png)   |     ![Preview](images/snackbar.png)      |

|      ![Preview](images/switch.png)      | ![Preview](images/text-fields.png) |   ![Preview](images/swipe-refresh.gif)   |

| ![Preview](images/swipe-to-dismiss.gif) |                                    |                                          |

### UIs

|                                    |  |  |

|:-----------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------:|:-------------------------------------------------------------------:|

|  |                                                                                   |                                                                     |

### Tutorials

- Counter (Beginner)

- Counter with ViewModel (Beginner)

- `AnimatedVisibility` (Beginner)

- Lottie (Beginner)

- Select image and crop for upload (Intermediate)

- Capture image and crop for upload (Intermediate)

- Permission (Beginner)

- Data Fetch and Paging (Advanced)

- Tic-Tac-Toe (Advanced)

- OneSignal and Broadcast (Intermediate)

- ExoPlayer (Advanced)

- CMS (Advanced)

  - Memory and storage caching

- [Deep Link](https://developer.android.com/training/app-links) (Intermediate)

- Navigation Data Pass (Intermediate)

- Reactive Model (Beginner)

- Baseline Profiles (Intermediate)

- [Barcode Scanner](https://developers.google.com/ml-kit/vision/barcode-scanning) ([Google code scanner](https://developers.google.com/ml-kit/vision/barcode-scanning/code-scanner) and [ML Kit Barcode](https://developers.google.com/ml-kit/vision/barcode-scanning/android)) (Intermediate)

|        |                                  |  |

|:-----------------------------------------------------------------------:|:-------------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------:|

|  |                                                  |        |

|  |  |                                                                 |

# TODO

- [ ] Add accompanist WebView

- [ ] x, y, z translation simulation

- [ ] Shadow manipulation with device gyroscope

- [ ] Composition: Bottom Sheet

- [ ] Fix custom `LazyGridScope.items`

- [ ] List with `LazyGrid`

- [ ] Paging with `LazyGrid`

- [ ] Update to new storage permission

- [ ] Create color ready for dark and light mode

- [ ] AlarmManager example

- [ ] Update `CheckBox` code (see example from AOSP)

- [ ] Month-Picker component

- [ ] Upgrade OneSignal lib

- [ ] New: File browser using MediaStore

- [ ] Get sidebar from Emudi app (https://www.youtube.com/watch?v=HNSKJIQtb4c)

- [ ] Migrate ExoPlayer: https://developer.android.com/media/media3/exoplayer/migration-guide

- [ ] Update all `LaunchedEffect` with lambda issue using `rememberUpdatedState`: https://developer.android.com/develop/ui/compose/side-effects#rememberupdatedstate

- [ ] Add example for AppColorLocal from Jaber vai

# Note

- For dependency version check I am currently using [refreshVersions](https://github.com/Splitties/refreshVersions). 

  Use the following command to fetch version updates.

```bash

./gradlew refreshVersions

```

- The project using [spotless](https://github.com/diffplug/spotless/tree/main/plugin-gradle)

  with [klint](https://github.com/pinterest/ktlint). Apply spotless using the following command.

```bash

./gradlew --init-script gradle/init.gradle.kts spotlessApply

```

## Setup

### Map API Key

Open the `local.properties` in your project level directory, and then add the following code.

Replace `YOUR_API_KEY` with your API key.

```groovy

MAPS_API_KEY=YOUR_API_KEY

```

### Go REST API Key

Open the `local.properties` in your project level directory, and then add the following code.

Replace `YOUR_API_KEY` with your [Go REST](https://gorest.co.in) API key.

```groovy

CMS_API_KEY=YOUR_API_KEY

```

## Other Interesting Repos

- [Compose Material Catalog](https://github.com/androidx/androidx/tree/androidx-main/compose/integration-tests/material-catalog)

- [Official Compose Samples](https://github.com/android/compose-samples)

- [Now in Android App](https://github.com/android/nowinandroid)

- [ChrisBanes/Tivi](https://github.com/chrisbanes/tivi)

- [Gurupreet/ComposeCookBook](https://github.com/Gurupreet/ComposeCookBook)

- [spencergriffin/exoplayer-compose](https://github.com/spencergriffin/exoplayer-compose)

- [godaddy/compose-color-picker](https://github.com/godaddy/compose-color-picker)

- [Jetpack Compose Awesome](https://github.com/jetpack-compose/jetpack-compose-awesome)

## Credits

- [Android official compose samples](https://cs.android.com/androidx/platform/tools/dokka-devsite-plugin/+/master:testData/compose/samples/)

- [Iconly icon](https://freebiesbug.com/figma-freebies/iconly/)

## Licence

- **Emudi** is a trademark of [Softzino Technologies](https://softzino.com/).

```

Copyright 2021 Md. Mahmudul Hasan Shohag

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.

```