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

Related tags

Jetpack Compose android kotlin kotlin-android jetpack android-ui compose android-jetpack jetpack-compose jetpackcompose android-cookbook

Overview

Why Not Compose!

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

Feel free to request features or suggestions for improvements.

Notable Features & Libraries

MVI Pattern
Navigation Component
Hilt
Everywhere dark mode support
Ready to use compositions

Screenshots

Animations

Compositions

UIs

Tutorials

Coming soon maybe...

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.

MAPS_API_KEY=YOUR_API_KEY

Credits

Licence

Emudi is a trademark of Softzino Technologies.

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.

Comments

Multiple video player in LazyColumn

It would be a good feature to have multiple exo player in LazyColumn such that when one player (nearest from center of screen) is playing, others should be paused. I tried but didn't achieved 100% accuracy. I can share the code if required.
enhancement

opened by hadiyarajesh 4

Releases(v4.1.0)

v4.1.0(Mar 6, 2022)
More sample added 🚀

✨ Using Compose 1.1.1

🆕 New maps compose library added

🆕 Published to Play Store

Source code(tar.gz)
Source code(zip)
app-debug.apk(22.41 MB)
v4(Feb 10, 2022)
More sample added 🚀

✨ Using Compose 1.1.0

🆕 Project separated to multi-module

🆕 Tutorial: Data fetch and paging

🆕 Tutorial: Tic-Tac-Toe

🆕 Tutorial: OneSignal and Broadcast

🆕 Tutorial: ExoPlayer

🆕 Composition: SwipeRefresh: animateItemPlacement() added to items

🔧 Improved: Composition: GeneralRadioButton

🔧 Tutorial intro screen now includes description using LiteMarkdown :wink:

🔧 Home UI refreshed

Source code(tar.gz)
Source code(zip)
app-debug.apk(22.29 MB)
v3(Dec 15, 2021)
More sample added 🚀

✨ Using Compose 1.1.0-beta04

🆕 Tutorial: Select image and crop for upload

🆕 Tutorial: Capture image and crop for upload

🆕 Tutorial: Permission

🆕 Composition: Text

🆕 Composition: Bottom Navigation

🆕 Composition: Dialog

Source code(tar.gz)
Source code(zip)
app-debug.apk(17.90 MB)
v2(Dec 2, 2021)
More sample added 🚀

🆕 Converted to Gradle Kotlin DSL

🆕 Spotless added

✨ New map renderer

🆕 Tutorial: Counter

🆕 Tutorial: Counter with ViewModel

🆕 Tutorial: AnimatedVisibility

🆕 Tutorial: Lottie

🆕 Animation: The Story

🆕 Composition: SwipeToDismiss

🆕 Composition: SwipeRefresh

🆕 Composition: Badge

🆕 Composition: FAB

🆕 Composition: Slider

✨ WebView: Custom error page, Swipe to refresh

Source code(tar.gz)
Source code(zip)
app-debug.apk(17.54 MB)
v1(Aug 25, 2021)

Initial Release
Source code(tar.gz)
Source code(zip)
app-debug.apk(23.03 MB)

Jetpack Compose android app that you can send push notification among devices using KTOR and One Signal

Jetpack Compose android app that you can send push notification among devices using KTOR and One Signal, Clean Architecture, Dependency Injection...

2 Nov 15, 2022

Jetpack Compose animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animation

Compose Animation Examples. Useful Jetpack Compose animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animations that you can take inspiration from.

149 Dec 22, 2022

🍂 Jetpack Compose image loading library which can fetch and display network images using Glide, Coil, and Fresco.

Landscapist 🍂 Jetpack Compose image loading library which can fetch and display network images using Glide, Coil, Fresco Usecase You can see the use

1.4k Jan 1, 2023

This app can be used to track open slots for vaccination. This is built using Jetpack Compose.

Covid Vaccine This projects used the Cowin APIs provided by the government. Screenshots Tech Stack Used Kotlin Dagger Hilt Clean Architecture with Mod

101 Dec 15, 2022

Split Food Bill is an android application where user can split the expenses based on the number of people joined the trip. This application is developed using Android's Jetpack Compose

SplitFoodBill-Compose Split Food Bill is an android application where user can split the expenses based on the number of people joined the trip. This

1 Jan 17, 2022

Compose-buttons - A set of Loading animations used in Buttons to convey a "loading" state after the button is clicked.

Loading Buttons A set of Loading animations used in Buttons to convey a "loading" state after the button is clicked. A simple demo application that sh

16 Jul 5, 2022

Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

🐜 🐜 🐜 Compose flocking Ants(boids) 🐜 🐜 🐜 Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop 🚀 , usi

38 Sep 25, 2022

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

5 Dec 29, 2022

Here you can try out Kotlin Multiplatform and Jetpack Compose with some other cutting-edge technologies.

wire The Wire is a Kotlin Multiplatform sample project, currently supporting Android and Windows. Tools And Technolagies Architecture: MVVM MultiThrea

9 Aug 16, 2022

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

Related tags

Overview

Why Not Compose!

Notable Features & Libraries

Screenshots

Animations

Compositions

UIs

Tutorials

Setup

Map API Key

Credits

Licence

You might also like...

Jetpack Compose android app that you can send push notification among devices using KTOR and One Signal

Jetpack Compose animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animation

🍂 Jetpack Compose image loading library which can fetch and display network images using Glide, Coil, and Fresco.

This app can be used to track open slots for vaccination. This is built using Jetpack Compose.

Split Food Bill is an android application where user can split the expenses based on the number of people joined the trip. This application is developed using Android's Jetpack Compose

Compose-buttons - A set of Loading animations used in Buttons to convey a "loading" state after the button is clicked.

Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Here you can try out Kotlin Multiplatform and Jetpack Compose with some other cutting-edge technologies.

Comments

Multiple video player in LazyColumn

Releases(v4.1.0)

v4.1.0(Mar 6, 2022)

v4(Feb 10, 2022)

v3(Dec 15, 2021)

v2(Dec 2, 2021)

v1(Aug 25, 2021)

Owner

Md. Mahmudul Hasan Shohag

Forget about bunch of XML files for maintaining UIs. Jetpack Compose is Android’s modern toolkit for building native UI. Here is a small example to get started.

Butterfly - Butterfly helps to build adaptive and responsive UIs for Android with Jetpack WindowManager

Foldable-chat-android - Foldable chat Android demonstrates adaptive and responsive UIs with Jetpack WindowManager API

Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

ComposeAnimations - Collection of nice animations created with Jetpack Compose

🎺 Orchestra is a collection of Android custom view compatible libraries for Jetpack Compose.

A Collection on all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential

A Collection of major Jetpack compose UI components which are commonly used.🎉🔝👌

🚀🏞💪 Collection of Images, Modifiers, utility functions for Jetpack Compose to expand and enrich displaying, manipulating, scaling, resizing, zooming, and getting cropped ImageBitmap based on selection area

Schedule sample to play with Jetpack Compose Desktop