├── .gitattributes ├── .langmark ├── README.md └── images └── logo.png /.gitattributes: -------------------------------------------------------------------------------- 1 | .langmark linguist-language=Kotlin 2 | -------------------------------------------------------------------------------- /.langmark: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Jetpack Compose](./images/logo.png) 2 | 3 | 📝 A curated list of awesome JetpackCompose libraries, projects, articles and resources. 4 | 5 | **See also:** [Android Developer Reference](https://github.com/ImangazalievM/android-developer-reference) 6 | 7 | ## Contents 8 | 9 | - [News/Updates](#-newsupdates) 10 | - [Official documentation](#docs) 11 | - [Articles](#articles) 12 | - [Getting started](#getting-started) 13 | - [Styling](#styling) 14 | - [Navigation](#navigation) 15 | - [Animations](#animations) 16 | - [Interop](#interop) 17 | - [Migration](#migration) 18 | - [Tools](#tools) 19 | - [Libraries](#libraries) 20 | - [App Projects](#app-projects) 21 | - [Compose Desktop Projects](#compose-desktop-projects) 22 | - [Videos](#videos) 23 | - [Extras](#extras) 24 | 25 | ## 🔥 News/Updates 26 | 27 | * 24 May 2023 - [Compose 1.5.0-beta01](https://android-developers.googleblog.com/2022/12/compose-for-wear-os-11-stable.html)) 28 | * 07 Dec 2022 - [Compose for Wear OS 1.1 is now stable: check out new features!](https://android-developers.googleblog.com/2022/12/compose-for-wear-os-11-stable.html) 29 | * 11 May 2022 - [Announcing Compose for Wear OS Beta!](https://android-developers.googleblog.com/2022/05/announcing-compose-for-wear-os-beta.html) 30 | * 15 January 2022 - [ConstraintLayout for Compose 1.0.0 Released](https://github.com/androidx/constraintlayout/wiki/What's-New-in-1.0-(Compose)) 31 | * 4 August, 2021 - [Compose Multiplatform in Alpha](https://blog.jetbrains.com/kotlin/2021/08/compose-multiplatform-goes-alpha/) 32 | * 28 July, 2021 - Jetpack Compose 1.0 Released! 33 | 34 | ## Docs 35 | 36 | * [Jetpack Compose](https://developer.android.com/jetpack/compose) 37 | * [Jetpack Compose Codelabs](https://developer.android.com/codelabs/jetpack-compose-basics) 38 | * [Jetpack Compose Roadmap](https://developer.android.com/jetpack/androidx/compose-roadmap) 39 | * [Jetpack Compose Release Notes](https://developer.android.com/jetpack/androidx/releases/ui) 40 | * [ComposeCookBook](https://github.com/Gurupreet/ComposeCookBook) 41 | * [Compose Academy](https://compose.academy) - Jetpack Compose Reference 42 | * [Jetpack Compose App](https://jetpackcompose.app/) - Comparison of existing UI widgets and Jetpack Compose 43 | * [API Guidelines for Jetpack Compose](https://github.com/androidx/androidx/blob/androidx-main/compose/docs/compose-api-guidelines.md) 44 | * [Book: Jetpack Compose internals](https://leanpub.com/composeinternals) 45 | * [Jetpack Compose Collection](https://developersbreach.com/compose/) 46 | * [Android Basics with Compose Course](https://developer.android.com/courses/android-basics-compose/course) 47 | * [Compose performance Doc](https://developer.android.com/jetpack/compose/performance) 48 | * [Jetpack Compose Component List](https://www.composables.com/components) – List of all components you can use in Jetpack Compose 49 | 50 | 51 | ## Tools 52 | * [recompose](https://github.com/pocmo/recompose) - A tool for converting Android layouts in XML to Kotlin code using Jetpack Compose. 53 | * [Jetpack Compose Playground](https://foso.github.io/Jetpack-Compose-Playground/) 54 | * [Shot](https://github.com/Karumi/Shot) - Jetpack Compose screenshot testing tool 55 | * [Radiography](https://developer.squareup.com/blog/introducing-radiography) - UI structure printer 56 | * [Showkase](https://github.com/airbnb/Showkase) - Helps you organize, discover, search and visualize Jetpack Compose UI elements 57 | * [Jetpack Compose Twitter Bot](https://twitter.com/ComposeBot) - A Twitter Bot to get all updates about Jetpack Compose in your feed 58 | 59 | ## Articles 60 | 61 | - [Diving into Jetpack Compose](https://engineering.q42.nl/android-jetpack-compose/) 62 | - [Android Jetpack Compose Review](https://blog.karumi.com/android-jetpack-compose-review) 63 | - [Understanding Jetpack Compose — part 1 of 2](https://medium.com/androiddevelopers/understanding-jetpack-compose-part-1-of-2-ca316fe39050) 64 | - [Under the hood of Jetpack Compose — part 2 of 2](https://medium.com/androiddevelopers/under-the-hood-of-jetpack-compose-part-2-of-2-37b2c20c6cdd) 65 | - [Code Simple Android Jetpack Compose Drawing App](https://levelup.gitconnected.com/code-simple-android-jetpack-compose-drawing-app-886d1146ad20) 66 | - [Android Jetpack Compose: Remember Made Easy](https://medium.com/mobile-app-development-publication/android-jetpack-compose-remember-made-easy-8bd86a48536c) 67 | - [Jetpack Compose Effect Handlers](https://jorgecastillo.dev/jetpack-compose-effect-handlers) 68 | - [Introduction to the Compose Snapshot system](https://dev.to/zachklipp/introduction-to-the-compose-snapshot-system-19cn) 69 | - [The Story of My First A-ha Moment With Jetpack Compose](https://proandroiddev.com/the-story-of-my-first-a-ha-moment-with-jetpack-compose-c739bceb6b0b) 70 | - [remember { mutableStateOf() } – A cheat sheet](https://dev.to/zachklipp/remember-mutablestateof-a-cheat-sheet-10ma) 71 | - [Inside Jetpack Compose](https://medium.com/@takahirom/inside-jetpack-compose-2e971675e55e) 72 | - [What is “donut-hole skipping” in Jetpack Compose?](https://www.jetpackcompose.app/articles/donut-hole-skipping-in-jetpack-compose) 73 | - [Supporting different screen sizes on Android with Jetpack Compose](https://proandroiddev.com/supporting-different-screen-sizes-on-android-with-jetpack-compose-f215c13081bd) 74 | - [Cartographing Jetpack Compose: compiler and runtime](https://dev.to/tkuenneth/cartographing-jetpack-compose-compiler-and-runtime-1605) 75 | - [Focus in Jetpack Compose](https://medium.com/google-developer-experts/focus-in-jetpack-compose-6584252257fe) 76 | - [Browsing Jetpack Compose samples](https://dev.to/antonshilov/browsing-jetpack-compose-samples-32m6) 77 | - [Jetpack compose — Dependency injection with Dagger/HILT](https://blog.canopas.com/jetpack-compose-dependency-injection-with-dagger-hilt-9578be3cc1d0) 78 | - [Jetpack Compose: MVVM State management in a simple way](https://blog.canopas.com/jetpack-compose-mvvm-state-management-in-a-simple-way-4c632fa6f554) 79 | - [Comparing Jetpack Compose performance with XML](https://medium.com/okcredit/comparing-jetpack-compose-performance-with-xml-9462a1282c6b) 80 | - 🆕[](#28-05-23) [🚀 Drawing edge to edge in Jetpack Compose](https://www.composables.com/tutorials/insets) 81 | - 🆕[](#28-05-23) [Problem solving in Compose Text](https://medium.com/androiddevelopers/problem-solving-in-compose-text-d1dd1feafe4a) 82 | - 🆕[](#28-05-23) [🚀 Every single type of Dialog in Jetpack Compose and how to use them](https://www.composables.com/tutorials/dialogs) 83 | 84 | ### Getting started 85 | 86 | - [Jetpack Compose Tutorial for Android: Getting Started](https://www.raywenderlich.com/15361077-jetpack-compose-tutorial-for-android-getting-started) 87 | - [Migration to compose](https://proandroiddev.com/migration-to-compose-c6eb63f187f9) 88 | - [Helping You Understand The Syntax of Jetpack Compose](https://oussamahaff.dev/posts/03_understanding_jetpack_compose_syntax) 89 | - [Scoped recomposition in Jetpack Compose — what happens when state changes?](https://dev.to/zachklipp/scoped-recomposition-jetpack-compose-what-happens-when-state-changes-l78) 90 | - [Things you need to know before switching to Jetpack Compose](https://maxkim.eu/things-you-need-to-know-before-switching-to-jetpack-compose) 91 | - [Roadmap for Jetpack Compose](https://victorbrandalise.com/roadmap-for-jetpack-compose/) 92 | - [7 things you should know before using Jetpack Compose](https://www.bloco.io/blog/7-things-about-compose) 93 | 94 | ### Modifiers 95 | - [List of Compose modifiers](https://developer.android.com/jetpack/compose/modifiers-list) 96 | - [Always provide a Modifier parameter](https://chris.banes.dev/always-provide-a-modifier/) 97 | - [Lessons learned when migrating my app to Jetpack Compose](https://proandroiddev.com/lessons-learned-when-migrating-my-app-to-jetpack-compose-55ea1b05b988) 98 | 99 | ### Styling 100 | - [Building a Design System implementation using Jetpack Compose — Part1 (Theme)](https://howiezuo.medium.com/building-a-design-system-implementation-using-jetpack-compose-part1-bc1de068a56d) 101 | - [Building a Design System implementation using Jetpack Compose — Part2 (Component)](https://howiezuo.medium.com/building-a-design-system-implementation-using-jetpack-compose-part2-d965880292b0) 102 | - [How to create realistic UI with Jetpack Compose(Part II)](https://medium.com/mindful-engineering/how-to-create-simple-ui-with-jetpack-compose-part-ii-1c14148b7ffe) 103 | - [Jetpack Compose: Styles and Themes (Part II)](https://www.waseefakhtar.com/android/jetpack-compose-styles-and-themes/) 104 | - [Create a truly custom theme in Jetpack Compose](https://dmytroshuba.com/blog/how-to-create-a-custom-theme-in-jetpack-compose/) 105 | - [How to create a truly custom theme in Jetpack Compose](https://dmytroshuba.com/blog/how-to-create-a-custom-theme-in-jetpack-compose) 106 | - [Jetpack Compose: Theme and Typography](https://alexzh.com/jetpack-compose-theme-and-typography/) 107 | 108 | ### Navigation 109 | **Libraries** 110 | - [Modo](https://github.com/terrakok/Modo) - Navigation library based on UDF principles 111 | - [compose-navigation-reimagined](https://github.com/olshevski/compose-navigation-reimagined) - A small and simple, yet fully fledged and customizable navigation library for Jetpack Compose 112 | - [compose-destinations](https://github.com/raamcosta/compose-destinations) - Annotation processing library for type-safe Jetpack Compose navigation with no boilerplate. 113 | - [Appyx](https://github.com/bumble-tech/appyx) - Model-driven navigation for Jetpack Compose 114 | - [compose-router]() - Routing functionality for Jetpack Compose with back stack 115 | [voyager](https://github.com/adrielcafe/voyager) - A pragmatic navigation library for Jetpack Compose 116 | - [compose-backstack](https://github.com/zach-klippenstein/compose-backstack) - Simple composable for rendering transitions between backstacks. 117 | 118 | 119 | **Articles** 120 | - [Android Jetpack Compose: Navigation](https://proandroiddev.com/android-jetpack-compose-navigation-1cdfc488b891) 121 | - [Jetpack Compose: Navigation](https://www.rockandnull.com/jetpack-compose-navigation/) 122 | - [Passing multi typed data between screens with Jetpack Compose navigation component](https://proandroiddev.com/passing-multi-typed-data-between-screens-with-jetpack-compose-navigation-component-39ccbcf901ff) 123 | - [Passing string typed data with Jetpack Compose navigation component](https://proandroiddev.com/passing-string-typed-data-with-jetpack-compose-navigation-component-fd4759acd906) 124 | - [Jetpack Compose: Navigating to a Detail View (Part III)](https://www.waseefakhtar.com/android/jetpack-compose-navigating-to-a-detail-view/) 125 | - [Handling back presses in Jetpack Compose](https://dev.to/pawegio/handling-back-presses-in-jetpack-compose-50d5) 126 | - [Nested Navigation Graphs in Jetpack Compose](https://hitherejoe.medium.com/nested-navigation-graphs-in-jetpack-compose-dc0ada1d4726) 127 | - [Passing Parcelable / Serializable and Other Data in Jetpack Compose Navigation](https://wajahatkarim.com/2021/03/pass-parcelable-compose-navigation/) 128 | 129 | ### UI Components 130 | - [Implement Bottom Bar Navigation in Jetpack Compose](https://proandroiddev.com/implement-bottom-bar-navigation-in-jetpack-compose-b530b1cd9ee2) 131 | - [How to Use Render Effects in Jetpack Compose for Stunning Visuals](https://blog.canopas.com/how-to-use-render-effects-in-jetpack-compose-for-stunning-visuals-01287d7f00db) 132 | - [Gestures in Jetpack compose — All you need to know](https://medium.com/canopas/gestures-in-jetpack-compose-all-you-need-to-know-part-1-9d26570e56bb) 133 | 134 | ### Lists/RecyclerView 135 | - [Jetpack Compose: An easy way to RecyclerView (Part I)](https://www.waseefakhtar.com/android/recyclerview-in-jetpack-compose/) 136 | - [Learn with code: Jetpack Compose — Lists and Pagination (Part 1)](https://proandroiddev.com/learn-with-code-jetpack-compose-lists-and-pagination-part-1-545447c55cb2) 137 | - [Expandable lists in Jetpack Compose](https://skyyo.medium.com/expandable-lists-in-jetpack-compose-b0b78c767b4) 138 | - [StaggeredVerticalGrid of Android Jetpack Compose](https://medium.com/mobile-app-development-publication/staggeredverticalgrid-of-android-jetpack-compose-fa565e5363e1) 139 | - [RecyclerView and LazyColumnFor in Jetpack Compose](https://medium.com/mobile-app-development-publication/recyclerview-and-lazycolumnfor-in-jetpack-compose-a7842cd7f17e) 140 | - [List animations in Compose: Add an item](https://developersbreach.com/add-item-animation-compose/) 141 | - [List animations in Compose: Swipe to delete](https://developersbreach.com/swipe-to-delete-compose/) 142 | - [List animations in Compose: Drag to reorder](https://developersbreach.com/drag-to-reorder-compose/) 143 | - [Jetpack Compose: Building Grids](https://alexzh.com/jetpack-compose-building-grids/) 144 | - [How to master Swipeable and NestedScroll modifiers in Jetpack Compose](https://proandroiddev.com/how-to-master-swipeable-and-nestedscroll-modifiers-in-compose-bb0635d6a760) 145 | - [Basic Drag-n-Drop in Jetpack Compose](https://proandroiddev.com/basic-drag-n-drop-in-jetpack-compose-a6919ba58ba8) 146 | - [Infinite LazyColumn in Jetpack Compose](https://dev.to/luismierez/infinite-lazycolumn-in-jetpack-compose-44a4) 147 | 148 | ### Animations/Transitions 149 | - [Intro to animations with Jetpack Compose](https://proandroiddev.com/rotating-pokeball-animation-with-jetpack-compose-e3e839782cba) 150 | - [Jetpack Compose Animations Tutorial: Getting Started](https://www.raywenderlich.com/13282144-jetpack-compose-animations-tutorial-getting-started) 151 | - [Building an exploding FAB transition with Jetpack Compose](https://joebirch.co/android/building-an-exploding-fab-transition-in-jetpack-compose/) 152 | - [How to animate BottomSheet content using Jetpack Compose](https://proandroiddev.com/how-to-animate-bottomsheet-content-using-jetpack-compose-3eab972b3bdc) 153 | - [Creating a rotating card in Jetpack Compose](https://fvilarino.medium.com/creating-a-rotating-card-in-jetpack-compose-ba94c7dd76fb) 154 | - [Animate with Jetpack Compose: Animate as State and Animation Specs](https://proandroiddev.com/animate-with-jetpack-compose-animate-as-state-and-animation-specs-ffc708bb45f8) 155 | - [Android Jetpack Compose: Animation Spec Made Easy](https://medium.com/mobile-app-development-publication/android-jetpack-compose-animation-spec-made-easy-6e7990aef203) 156 | - [Jetpack Compose — Reveal effect](https://dev.to/bmonjoie/jetpack-compose-reveal-effect-1fao) 157 | - [Animations in Jetpack Compose with examples](https://blog.canopas.com/animations-in-jetpack-compose-with-examples-48307ba9dff1) 158 | - [Intro showcase view in Jetpack Compose — Android](https://blog.canopas.com/intro-showcase-view-in-jetpack-compose-ac044cd3bf28) 159 | - 🆕[](#28-05-23) [Illuminating Interactions: Visual State in Jetpack Compose](https://medium.com/androiddevelopers/illuminating-interactions-visual-state-in-jetpack-compose-188fa041b791) 160 | - 🆕[](#28-05-23) [Creating Pager Animations in Jetpack Compose](https://www.sinasamaki.com/pager-animations/) 161 | 162 | ### Interop 163 | 164 | - [Jetpack Compose Interop Part 1](https://proandroiddev.com/jetpack-compose-interop-part-1-using-traditional-views-and-layouts-in-compose-with-androidview-b6f1b1c3eb1) 165 | - [Jetpack Compose Interop Part 2](https://proandroiddev.com/jetpack-compose-interop-part-2-using-compose-in-traditional-android-views-and-layouts-with-a3c50fc2eaa5) 166 | - [Jetpack Compose View & Android View Comparison](https://medium.com/mobile-app-development-publication/jetpack-compose-view-android-view-comparison-52005ac64b8c) 167 | - [Adopting Jetpack Compose with Interop API](https://blog.yudiz.com/adopting-jetpack-compose-with-interop-api/) 168 | 169 | ### Migration 170 | - [Getting our apps ready for Jetpack Compose](https://joebirch.co/android/getting-our-apps-ready-for-jetpack-compose) 171 | - [Jetpack Compose migration course](https://developer.android.com/courses/pathways/compose) 172 | 173 | ### Architecture 174 | - [Jetpack Compose navigation architecture with ViewModels](https://medium.com/@Syex/jetpack-compose-navigation-architecture-with-viewmodels-1de467f19e1c) 175 | - [ViewModels using Compose: MutableStateFlows or MutableStates?](https://proandroiddev.com/viewmodels-using-compose-mutablestateflows-or-mutablestates-64d34ba548c5) 176 | - [Better handling states between ViewModel and Composable](https://proandroiddev.com/better-handling-states-between-viewmodel-and-composable-7ca14af379cb) 177 | - [Dagger 2 and Jetpack Compose Integration](https://proandroiddev.com/dagger-2-and-jetpack-compose-integration-8a8d424ffdb4) 178 | 179 | ### Dependency Injection 180 | - [Koin for Compose proposal (Jetpack and Multiplatform)](https://medium.com/koin-developers/cokoin-injection-library-for-compose-jetpack-and-multiplatform-b041b36cac42) 181 | 182 | ### Side-Effects 183 | 184 | - [Jetpack Compose Side-Effects — LaunchedEffect](https://proandroiddev.com/jetpack-compose-side-effects-launchedeffect-59d2330d7834) 185 | - [Jetpack Compose Side-Effects II — rememberCoroutineScope](https://proandroiddev.com/jetpack-compose-side-effects-ii-remembercoroutinescope-76104d7ff09) 186 | - [Jetpack Compose Side-Effects III— rememberUpdatedState](https://proandroiddev.com/jetpack-compose-side-effects-iii-rememberupdatedstate-c8df7b90a01d) 187 | 188 | ### Custom Composables 189 | 190 | - [Custom Weekly Schedule Layout with Jetpack Compose - Part 1](https://danielrampelt.com/blog/jetpack-compose-custom-schedule-layout-part-1) 191 | - [Custom Weekly Schedule Layout with Jetpack Compose - Part 2](https://danielrampelt.com/blog/jetpack-compose-custom-schedule-layout-part-2) 192 | 193 | ### Canvas 194 | 195 | - [Using shapes in Jetpack Compose](https://dev.to/tkuenneth/using-shapes-in-jetpack-compose-3ggb?utm_source=dormosheio&utm_campaign=dormosheio) 196 | - [Drawing and painting in Jetpack Compose #1](https://dev.to/tkuenneth/drawing-and-painting-in-jetpack-compose-1-2okl) 197 | - [Emoji Slider in Jetpack Compose using Canvas API](https://theandroidway.hashnode.dev/emoji-slider-in-jetpack-compose-using-canvas-api) 198 | 199 | ### Exploring JetPack Compose 200 | - [Getting our apps ready for JetPack Compose](https://joebirch.co/android/getting-our-apps-ready-for-jetpack-compose) 201 | - [Modifiers](https://joebirch.co/android/exploring-jetpack-compose-modifiers/) 202 | - [Container](https://joebirch.co/android/exploring-jetpack-compose-container/) 203 | - [Text](https://joebirch.co/android/exploring-jetpack-compose-text/) 204 | - [Button](https://joebirch.co/android/exploring-jetpack-compose-button/) 205 | - [Switch](https://joebirch.co/android/exploring-jetpack-compose-switch/) 206 | - [Stack](https://joebirch.co/android/exploring-jetpack-compose-stack) 207 | - [Border](https://joebirch.co/android/exploring-jetpack-compose-border) 208 | - [Row & Column](https://joebirch.co/android/exploring-jetpack-compose-row-column/) 209 | - [Column](https://joebirch.co/android/exploring-jetpack-compose-column) 210 | - [Padding modifier](https://joebirch.co/android/exporing-jetpack-compose-padding-modifier) 211 | - [Arrangement](https://joebirch.co/android/exploring-jetpack-compose-arrangement) 212 | - [Radio Group](https://joebirch.co/android/exploring-jetpack-compose-radio-group) 213 | - [Radio Button](https://joebirch.co/android/exploring-jetpack-compose-radio-button/) 214 | - [Card](https://joebirch.co/android/exploring-jetpack-compose-card) 215 | - [Snackbar](https://joebirch.co/android/exploring-jetpack-compose-snackbar/) 216 | - [`@Preview` annotation](https://joebirch.co/android/exploring-jetpack-compose-preview-annotation) 217 | - [Android View](https://joebirch.co/android/exploring-jetpack-compose-android-view) 218 | - [Floating Action Button](https://joebirch.co/android/exploring-jetpack-compose-floating-action-button/) 219 | - [Modal Drawer Layout](https://joebirch.co/android/exploring-jetpack-compose-modal-drawer-layout/) 220 | - [TopAppBar](https://joebirch.co/android/exploring-jetpack-compose-topappbar/) 221 | - [FlowLayout](https://proandroiddev.com/jetpack-compose-tutorial-how-to-use-flowlayout-7216fe7cecde) 222 | 223 | ### Additional 224 | 225 | - [Supporting different screen sizes on Android with Jetpack Compose](https://proandroiddev.com/supporting-different-screen-sizes-on-android-with-jetpack-compose-f215c13081bd) 226 | - [Measuring Render Performance with Jetpack Compose](https://engineering.premise.com/measuring-render-performance-with-jetpack-compose-c0bf5814933) 227 | - [Understanding re-composition in Jetpack Compose with a case study](https://proandroiddev.com/understanding-re-composition-in-jetpack-compose-with-a-case-study-9e7d96d98095) 228 | - [Jetpack Compose: Preview](https://alexzh.com/jetpack-compose-preview) 229 | - [Improving performance with Compose Compiler Metrics](https://proandroiddev.com/jetpack-compose-tutorial-improving-performance-in-dribbble-audio-app-b19848cf12e3) 230 | 231 | ### Cross-platform 232 | - [Fully cross-platform Kotlin applications (almost)](https://proandroiddev.com/fully-cross-platform-kotlin-applications-almost-29c7054f8f28) 233 | 234 | ### Testings 235 | - [KakaoCup/Compose](https://github.com/KakaoCup/Compose) 236 | - [Testing your Compose layout](https://developer.android.com/jetpack/compose/testing) 237 | - [How to test Jetpack Compose UI](https://dmytroshuba.com/blog/jetpack-compose-ui-testing/) 238 | 239 | ## Libraries 240 | 241 | - [accompanist](https://github.com/chrisbanes/accompanist) - A collection of extension libraries for Jetpack Compose 242 | - [Landscapist](https://github.com/skydoves/Landscapist) - image loading using Glide, Coil, Fresco 243 | - [compose-icons](https://github.com/DevSrSouza/compose-icons) - Open Source icon packs for Jetpack Compose including Font Awesome, Simple Icons, Feather and more. 244 | - [compose-backstack](https://github.com/zach-klippenstein/compose-backstack) - Simple composable for rendering transitions between backstacks. 245 | - [lyricist](https://github.com/adrielcafe/lyricist) - The missing I18N/L10N (internationalization/localization) library for Jetpack Compose! 246 | - [compose-markdown](https://github.com/jeziellago/compose-markdown) - Markdown Text for Android Jetpack Compose 247 | - [snapper](https://github.com/chrisbanes/snapper) - A snapping fling behavior for Jetpack Compose 248 | - 🆕[](#02-01-24) [compose-recyclerview](https://github.com/canopas/compose-recyclerview/tree/master) - A library that allows seamless integration of composables in RecyclerView, addressing performance concerns and LazyList issues. Enjoy improved rendering performance, built-in drag-and-drop support, flexible configuration, and easy handling of multiple item types for dynamic UIs. 249 | - [Reorderable](https://github.com/Calvin-LL/Reorderable) - Reorder items in Lists and Grids with drag and drop 250 | - [AutoLinkText](https://github.com/Calvin-LL/AutoLinkText) - Make links, emails, and phone numbers clickable in text 251 | 252 | ### UI 253 | 254 | - [neumorphic-compose](https://github.com/CuriousNikhil/neumorphic-compose) - Neumorphism UI with Jetpack Compose. Just add simple `neumorphic()` modifier. 255 | - [compose-richtext](https://github.com/zach-klippenstein/compose-richtext) - A collection of Compose libraries for advanced text formatting. 256 | - [compose-ratingbar](https://github.com/a914-gowtham/compose-ratingbar) - Ratingbar for Jetpack Compose. 257 | - [tehras/charts](https://github.com/tehras/charts) - simple Android compose charts. 258 | - [info-bar-compose](https://github.com/radusalagean/info-bar-compose) - Display Snackbar-style messages, the easy way. 259 | - [shimmer](https://github.com/ValeryPonomarenko/compose-shimmer) - Shimmer effect 260 | - [compose-sliders](https://github.com/krottv/compose-sliders) - Custom Sliders (previously known as SeekBar) for jetpack compose 261 | - [Dark-Toggle-Button-Sample-Jetpack-Compose](https://github.com/lcdsmao/Dark-Toggle-Button-Sample-Jetpack-Compose) (**+50** ⭐) - Animated dark mode toggle button with Jetpack Compose. 262 | - [Collection of UIs and Animations built with Jetpack Compose for Android](https://github.com/prafullmishra/JetComposer) - Collection of UIs and Animations built with Jetpack Compose for Android 263 | - [Konfetti](https://github.com/DanielMartinus/Konfetti) - Easily celebrate little and big moments in your app with this lightweight confetti particle system 🎊 264 | - [heart-switch](https://github.com/popovanton0/heart-switch) - ❤️ A heart-shaped toggle switch component for Jetpack Compose 265 | - [ProgressButton](https://github.com/SimformSolutionsPvtLtd/SSJetPackComposeProgressButton) - SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive. 266 | - [SwipeAbleViews](https://github.com/SimformSolutionsPvtLtd/SSJetpackComposeSwipeableView) - SSJetpackComposeSwipeableView is a small library which provides support for the swipeable views. You can use this in your lazyColumns or can add a simple view which contains swipe to edit/delete functionality. 267 | - [Dropdown](https://github.com/AndroidPoet/Dropdown) - A Powerful and customizable Jetpack Compose dropdown menu with cascade and animations 268 | - [FloatingActionButton SpeedDial](https://github.com/leinardi/FloatingActionButtonSpeedDial) 269 | - [ComposeCalendar](https://github.com/boguszpawlowski/ComposeCalendar) - A Jetpack Compose library for handling calendar component rendering. 270 | - [WheelPickerCompose](https://github.com/commandiron/WheelPickerCompose) - Wheel Date & Time Picker for Jetpack Compose. 271 | - [Exploding Composable](https://github.com/omkar-tenkale/ExplodingComposable) - A Jetpack Compose utility library to add explosive dust effect animation to any composable 272 | - [ComposeDynamicTheme](https://github.com/seyoungcho2/ComposeDynamicTheme) - Material design based Theme Management System for Jetpack Compose 273 | - 🆕[](#28-05-23) [minabox](https://github.com/oleksandrbalan/minabox) - Lazy box library for Jetpack Compose, which allows to display lazy loaded items on the 2D plane. 274 | - 🆕[](#28-05-23)[telephoto](https://github.com/saket/telephoto) - Building blocks for designing media experiences in Compose UI 275 | - 🆕[](#28-05-23)[Compose-Rich-Editor](https://github.com/MohamedRejeb/Compose-Rich-Editor) - A Rich text editor library for both Jetpack Compose and Compose Multiplatform, 276 | - 🆕[](#08-11-23)[Animated Navigation Bar](https://github.com/exyte/AndroidAnimatedNavigationBar) - A navigation bar with a number of preset animations 277 | - 🆕[](#08-11-23)[Blueprint](https://github.com/popovanton0/Blueprint) - 📐 library that draws a blueprint on top of your Jetpack Compose composables. It visualizes dimensions, like paddings and sizes. 278 | - [WYSIWYG Rich Editor Compose](https://github.com/canopas/rich-editor-compose) - Android WYSIWYG Rich editor for Jetpack compose. 279 | - [Animated BottomBar Compose](https://github.com/canopas/compose-animated-navigationbar) - A Jetpack Compose library that simplifies the creation of stylish Bottom Navigation Bars with customizable animations. It allows you to easily integrate attractive navigation bars into your Android app, enhancing the user experience. 280 | - [YouTubePlayer](https://github.com/IlyaPavlovskii/YouTubePlayer) - YouTube kotlin multiplatform player. The YouTubePlayer composable allows you to embed a YouTube video player in your Jetpack Compose app. 281 | 282 | ## App Projects 283 | 284 | - [Jetpack Compose Samples](https://github.com/android/compose-samples) (**+15.9K** ⭐) - Official repository with samples by Google 285 | - [sunflower](https://github.com/android/sunflower/tree/compose) (**+16.8K** ⭐) - Sample app by Google 286 | - [Learn-Jetpack-Compose-By-Example](https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example) (**+2.9K** ⭐) 287 | - [Jetpack Compose Playground](https://github.com/Foso/Jetpack-Compose-Playground) (**+2.8K** ⭐) 288 | - [ComposeAcademy-Playground](https://github.com/hitherejoe/ComposeAcademy-Playground) (**+870** ⭐) 289 | - [JetInstagram](https://github.com/vipulasri/JetInstagram) (**+689** ⭐) - Instagram clone app built with Jetpack Compose 290 | - [JetpackComposeCalculator](https://github.com/ahmedrizwan/JetpackComposeCalculator) (**+272** ⭐) 291 | - [flux](https://github.com/fidloo/flux) (**+335** ⭐) - A fake weather app 292 | - [JetQuotes](https://github.com/Spikeysanju/JetQuotes) (**+363** ⭐) - A Quotes Application 293 | - [android-2048-compose](https://github.com/alexjlockwood/android-2048-compose) (**+255** ⭐) - 2048 implemented using Jetpack Compose 294 | - [DinoCompose](https://github.com/wajahatkarim3/DinoCompose) (**+198** ⭐) - Chrome's Dino T-Rex game developed in Jetpack Compose 295 | - [JetExample](https://github.com/gastsail/JetExample) (**+192** ⭐) - Jetpack Compose UI components examples 296 | - [Wiggles](https://github.com/Spikeysanju/Wiggles) (**+256** ⭐) - Beautiful Puppy adoption app with Jetpack Compose 297 | - [Facebook-Timeline-Compose-Android](https://github.com/ahmed7official/Facebook-Timeline-Compose-Android) (**+119** ⭐) 298 | - [compose-schedule-calendar](https://github.com/halilozercan/compose-schedule-calendar) (**+142** ⭐) - Demo app for a horizontal schedule(event) calendar 299 | - [jetpuppy](https://github.com/ericktijerou/jetpuppy) (**+55** ⭐) - Jetpuppy is a puppy adoption app using Jetpack Compose UI. 300 | - [Cheddar](https://github.com/adrianblancode/Cheddar) (**+70** ⭐) - Hacker News reader 301 | - [jetpack-compose-samples](https://github.com/RajashekarRaju/jetpack-compose-samples) (**+18** ⭐) - Repository with collection of many compose samples. 302 | - [jettimer](https://github.com/ericktijerou/jettimer) (**+26** ⭐) - Timer app clone built with Jetpack Compose and Hilt 303 | - [Rebound](https://github.com/AnkitSuda/Rebound) (**+7** ⭐) - Highly customizable and feature rich workout log app. 304 | - [Intro Showcase View](https://github.com/canopas/Intro-showcase-view) (**+15** ⭐) - An android library to highlight different features of the app built using Jetpack Compose. 305 | - [Jetpack-compose-animations-examples](https://github.com/canopas/Jetpack-compose-animations-examples) (**+4** ⭐) - Cool animations implemented with Jetpack Compose. 306 | - [ComposeCookbook](https://github.com/SimformSolutionsPvtLtd/SSComposeCookBook) (**+139** ⭐) - A Collection of major Jetpack compose UI components which are commonly used. 307 | - [CoinWatch](https://github.com/shorthouse/CoinWatch) (**29** ⭐) - Delightful cryptocurrency app providing real-time coin prices, price histories, and market data 308 | 309 | ## Android TV 310 | 311 | - 🆕[](#28-05-23) [ComposeTv](https://github.com/UmairKhalid786/ComposeTv) - Android TV built using Jetpack Compose TV APIs 312 | 313 | ## Multiplatform 314 | 315 | - 🆕[](#28-05-23) [Compose Multiplatform](https://www.jetbrains.com/lp/compose-multiplatform/) - official website 316 | - [Jetpack Compose Multiplatform Android & iOS](https://proandroiddev.com/jetpack-compose-multiplatform-android-ios-4a87ba417caa) - article about migrating to Jetpack Compose Multiplatform 317 | 318 | ## Compose Desktop Projects 319 | 320 | - [Compose JB](https://github.com/JetBrains/compose-jb) - Jetpack Compose for Desktop and Web 321 | - [ComposeSlackDesktop](https://github.com/vipulasri/ComposeSlackDesktop) - A Slack demo app for desktop using Jetpack Compose 322 | 323 | ## Other projects 324 | 325 | - [ComposeClock](https://github.com/adibfara/ComposeClock) 326 | 327 | ## 📺 Videos 328 | 329 | - [Leland Richardson's channel about Compose](https://www.youtube.com/c/LelandRichardsonDev/videos) 330 | - [Compose by example](https://youtu.be/DDd6IOlH3io) 331 | - [Thinking in Compose](https://youtu.be/SMOhl9RK0BA) 332 | - [Compose for existing apps](https://youtu.be/PjQdFmiDgwk) 333 | - [What's new in Compose Design Tools](https://youtu.be/exjL2kGPngI) 334 | 335 | ## Extras 336 | 337 | - [Jetpack-Compose-Playground](https://github.com/Foso/Jetpack-Compose-Playground) - Community-driven collection of Jetpack Compose example code and tutorials 🚀 338 | - [Compose Modifiers Playground](https://plugins.jetbrains.com/plugin/16417-compose-modifiers-playground) 339 | 340 | ## Find this repository useful? ❤️ 341 | 342 | Support it by joining stargazers for this repository. ⭐ 343 | -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jetpack-compose/jetpack-compose-awesome/857a0286db7a1d4235c518f71fc1c1b29657cd7e/images/logo.png --------------------------------------------------------------------------------