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

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

Preview

Animations

Preview Preview Preview

Compositions

Preview Preview Preview
Preview Preview Preview
Preview Preview Preview
Preview Preview Preview
Preview Preview

UIs

Preview Preview Preview

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

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.
You might also like...
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

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

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.

🍂 Jetpack Compose image loading library which can fetch and display network images using Glide, Coil, and Fresco.
🍂 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

This app can be used to track open slots for vaccination. This is built using Jetpack Compose.
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

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
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

Compose-buttons - A set of Loading animations used in Buttons to convey a
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

Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨
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

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose
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

Here you can try out Kotlin Multiplatform and Jetpack Compose with some other cutting-edge technologies.
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

Comments
  • Multiple video player in LazyColumn

    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)

  • 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)
Owner
Md. Mahmudul Hasan Shohag
Learner, Programmer, Blogger.
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.

Jetpack Compose Sample Description This repository is to get started with new Jetpack Compose Toolkit for Android. By using Jetpack Compose you no nee

Simform Solutions 39 Nov 10, 2022
Butterfly - Butterfly helps to build adaptive and responsive UIs for Android with Jetpack WindowManager

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

Stream 200 Dec 13, 2022
Foldable-chat-android - Foldable chat Android demonstrates adaptive and responsive UIs with Jetpack WindowManager API

Foldable Chat Android A foldable chat Android demonstrates adaptive and responsi

Stream 31 Oct 29, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
ComposeAnimations - Collection of nice animations created with Jetpack Compose

CertificateStack.kt CardStackDemo.mp4 SwipeButton.kt SwipeButton.mp4

Anton Shilov 276 Dec 24, 2022
🎺 Orchestra is a collection of Android custom view compatible libraries for Jetpack Compose.

Orchestra ?? Jetpack Compose compatible libraries using Balloon, ColorPickerView, PowerSpinner. Balloon Add below codes to your root build.gradle file

Jaewoong Eum 408 Jan 4, 2023
A Collection on all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential

ComposeCookBook Declarative UI A Collection of all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential. Jetpack Compo

Gurupreet Singh 4.9k Dec 31, 2022
A Collection of major Jetpack compose UI components which are commonly used.🎉🔝👌

SSComposeCookBook A Collection of major Jetpack compose UI components which are commonly used. Introduction Jetpack Compose is a modern toolkit for bu

Simform Solutions 370 Dec 28, 2022
🚀🏞💪 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

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, before/after image to with handle to show partial of both images and more is cooking up

Smart Tool Factory 207 Dec 26, 2022
Schedule sample to play with Jetpack Compose Desktop

Schedule sample to play with Jetpack Compose Desktop

符号 6 Nov 5, 2022