• remember { mutableStateOf() } – A cheat sheet
• Inside Jetpack Compose
• What is “donut-hole skipping” in Jetpack Compose?
• Diving into Jetpack Compose
• Android Jetpack Compose Review
• Diving into Jetpack Compose
• Android Jetpack Compose Review
• Understanding Jetpack Compose — part 1 of 2
• Under the hood of Jetpack Compose — part 2 of 2
• Code Simple Android Jetpack Compose Drawing App
• Android Jetpack Compose: Remember Made Easy
• Jetpack Compose Effect Handlers
• Introduction to the Compose Snapshot system
• The Story of My First A-ha Moment With Jetpack Compose
• remember { mutableStateOf() } – A cheat sheet
• Inside Jetpack Compose
• What is “donut-hole skipping” in Jetpack Compose?
• Focus in Jetpack Compose
• Browsing Jetpack Compose samples
• Understanding Jetpack Compose — part 1 of 2
• Under the hood of Jetpack Compose — part 2 of 2
• Code Simple Android Jetpack Compose Drawing App
• Android Jetpack Compose: Remember Made Easy
• Jetpack Compose Effect Handlers
• Introduction to the Compose Snapshot system
• The Story of My First A-ha Moment With Jetpack Compose
• Supporting different screen sizes on Android with Jetpack Compose
• Cartographing Jetpack Compose: compiler and runtime
• Focus in Jetpack Compose
• Browsing Jetpack Compose samples
• Jetpack compose — Dependency injection with Dagger/HILT
• Jetpack Compose: MVVM State management in a simple way
• Comparing Jetpack Compose performance with XML
• Jetpack compose — Dependency injection with Dagger/HILT
• Jetpack Compose: MVVM State management in a simple way
• Comparing Jetpack Compose performance with XML

Custom Composables

• Custom Weekly Schedule Layout with Jetpack Compose - Part 1
• Custom Weekly Schedule Layout with Jetpack Compose - Part 2
• Custom Weekly Schedule Layout with Jetpack Compose - Part 2

Canvas

• Using shapes in Jetpack Compose
• Drawing and painting in Jetpack Compose #1
• Emoji Slider in Jetpack Compose using Canvas API
• Using shapes in Jetpack Compose
• Drawing and painting in Jetpack Compose #1
• Emoji Slider in Jetpack Compose using Canvas API

Exploring JetPack Compose

• Getting our apps ready for JetPack Compose
• Modifiers
• Container
• Text
• Button
• Switch
• Stack
• Border
• Row & Column
• Column
• Radio Group
• Card
• Snackbar
• `@Preview` annotation
• Android View
• Floating Action Button
• Modal Drawer Layout
• Modifiers
• Container
• Text
• Button
• Switch
• Stack
• Border
• Row & Column
• Column
• Padding modifier
• Arrangement
• Padding modifier
• Radio Group
• Radio Button
• Card
• Snackbar
• Android View
• Floating Action Button
• Modal Drawer Layout
• TopAppBar
• TopAppBar
• FlowLayout

Getting started

• Migration to compose
• Things you need to know before switching to Jetpack Compose
• Roadmap for Jetpack Compose
• 7 things you should know before using Jetpack Compose
• Jetpack Compose Tutorial for Android: Getting Started
• Migration to compose
• Jetpack Compose Tutorial for Android: Getting Started
• Helping You Understand The Syntax of Jetpack Compose
• Scoped recomposition in Jetpack Compose — what happens when state changes?
• Things you need to know before switching to Jetpack Compose
• Roadmap for Jetpack Compose
• 7 things you should know before using Jetpack Compose

Modifiers

• List of Compose modifiers
• List of Compose modifiers
• Lessons learned when migrating my app to Jetpack Compose
• Lessons learned when migrating my app to Jetpack Compose

Styling

• Building a Design System implementation using Jetpack Compose — Part1 (Theme)
• Building a Design System implementation using Jetpack Compose — Part2 (Component)
• Building a Design System implementation using Jetpack Compose — Part1 (Theme)
• Building a Design System implementation using Jetpack Compose — Part2 (Component)
• How to create realistic UI with Jetpack Compose(Part II)
• Jetpack Compose: Styles and Themes (Part II)
• Create a truly custom theme in Jetpack Compose
• Jetpack Compose: Styles and Themes (Part II)
• Create a truly custom theme in Jetpack Compose
• How to create a truly custom theme in Jetpack Compose
• How to create a truly custom theme in Jetpack Compose
• Jetpack Compose: Theme and Typography
• Jetpack Compose: Theme and Typography

Navigation

• Modo - Navigation library based on UDF principles
• Modo - Navigation library based on UDF principles
• compose-navigation-reimagined - A small and simple, yet fully fledged and customizable navigation library for Jetpack Compose
• compose-destinations - Annotation processing library for type-safe Jetpack Compose navigation with no boilerplate.
• compose-navigation-reimagined - A small and simple, yet fully fledged and customizable navigation library for Jetpack Compose
• compose-destinations - Annotation processing library for type-safe Jetpack Compose navigation with no boilerplate.
• Appyx - Model-driven navigation for Jetpack Compose
• Appyx - Model-driven navigation for Jetpack Compose
• voyager - A pragmatic navigation library for Jetpack Compose
• voyager - A pragmatic navigation library for Jetpack Compose
• compose-backstack - Simple composable for rendering transitions between backstacks.
• Android Jetpack Compose: Navigation
• Jetpack Compose: Navigation
• Jetpack Compose: Navigation
• Passing multi typed data between screens with Jetpack Compose navigation component
• Passing string typed data with Jetpack Compose navigation component
• Passing multi typed data between screens with Jetpack Compose navigation component
• Passing string typed data with Jetpack Compose navigation component
• Jetpack Compose: Navigating to a Detail View (Part III)
• Handling back presses in Jetpack Compose
• Nested Navigation Graphs in Jetpack Compose
• Jetpack Compose: Navigating to a Detail View (Part III)
• Handling back presses in Jetpack Compose
• Nested Navigation Graphs in Jetpack Compose
• Passing Parcelable / Serializable and Other Data in Jetpack Compose Navigation
• Passing Parcelable / Serializable and Other Data in Jetpack Compose Navigation

UI Components

• Implement Bottom Bar Navigation in Jetpack Compose
• How to Use Render Effects in Jetpack Compose for Stunning Visuals
• Implement Bottom Bar Navigation in Jetpack Compose
• How to Use Render Effects in Jetpack Compose for Stunning Visuals
• Gestures in Jetpack compose — All you need to know
• Gestures in Jetpack compose — All you need to know

Lists/RecyclerView

• Jetpack Compose: An easy way to RecyclerView (Part I)
• Jetpack Compose: An easy way to RecyclerView (Part I)
• Learn with code: Jetpack Compose — Lists and Pagination (Part 1)
• Learn with code: Jetpack Compose — Lists and Pagination (Part 1)
• Expandable lists in Jetpack Compose
• Expandable lists in Jetpack Compose
• StaggeredVerticalGrid of Android Jetpack Compose
• StaggeredVerticalGrid of Android Jetpack Compose
• RecyclerView and LazyColumnFor in Jetpack Compose
• RecyclerView and LazyColumnFor in Jetpack Compose
• List animations in Compose: Add an item
• List animations in Compose: Swipe to delete
• List animations in Compose: Add an item
• List animations in Compose: Drag to reorder
• Jetpack Compose: Building Grids
• List animations in Compose: Drag to reorder
• Jetpack Compose: Building Grids
• How to master Swipeable and NestedScroll modifiers in Jetpack Compose
• How to master Swipeable and NestedScroll modifiers in Jetpack Compose
• Basic Drag-n-Drop in Jetpack Compose
• Infinite LazyColumn in Jetpack Compose
• Basic Drag-n-Drop in Jetpack Compose
• Infinite LazyColumn in Jetpack Compose

Animations/Transitions

• Intro to animations with Jetpack Compose
• Jetpack Compose Animations Tutorial: Getting Started
• Jetpack Compose Animations Tutorial: Getting Started
• Building an exploding FAB transition with Jetpack Compose
• Building an exploding FAB transition with Jetpack Compose
• How to animate BottomSheet content using Jetpack Compose
• How to animate BottomSheet content using Jetpack Compose
• Creating a rotating card in Jetpack Compose
• Creating a rotating card in Jetpack Compose
• Animate with Jetpack Compose: Animate as State and Animation Specs
• Android Jetpack Compose: Animation Spec Made Easy
• Animate with Jetpack Compose: Animate as State and Animation Specs
• Android Jetpack Compose: Animation Spec Made Easy
• Jetpack Compose — Reveal effect
• Jetpack Compose — Reveal effect
• Animations in Jetpack Compose with examples
• Animations in Jetpack Compose with examples
• Intro showcase view in Jetpack Compose — Android
• Intro showcase view in Jetpack Compose — Android

Interop

• Jetpack Compose Interop Part 1
• Jetpack Compose Interop Part 2
• Jetpack Compose Interop Part 1
• Jetpack Compose Interop Part 2
• Jetpack Compose View & Android View Comparison
• Adopting Jetpack Compose with Interop API
• Jetpack Compose View & Android View Comparison
• Adopting Jetpack Compose with Interop API

Migration

• Getting our apps ready for Jetpack Compose

Architecture

• Jetpack Compose navigation architecture with ViewModels
• Jetpack Compose navigation architecture with ViewModels
• ViewModels using Compose: MutableStateFlows or MutableStates?
• Better handling states between ViewModel and Composable
• ViewModels using Compose: MutableStateFlows or MutableStates?
• Better handling states between ViewModel and Composable
• Dagger 2 and Jetpack Compose Integration
• Dagger 2 and Jetpack Compose Integration

Dependency Injection

• Koin for Compose proposal (Jetpack and Multiplatform)
• Koin for Compose proposal (Jetpack and Multiplatform)

Side-Effects

• Jetpack Compose Side-Effects — LaunchedEffect
• Jetpack Compose Side-Effects II — rememberCoroutineScope
• Jetpack Compose Side-Effects III— rememberUpdatedState
• Jetpack Compose Side-Effects — LaunchedEffect
• Jetpack Compose Side-Effects II — rememberCoroutineScope
• Jetpack Compose Side-Effects III— rememberUpdatedState

Additional

• Jetpack Compose: Preview
• Measuring Render Performance with Jetpack Compose
• Supporting different screen sizes on Android with Jetpack Compose
• Measuring Render Performance with Jetpack Compose
• Understanding re-composition in Jetpack Compose with a case study
• Understanding re-composition in Jetpack Compose with a case study
• Jetpack Compose: Preview
• Improving performance with Compose Compiler Metrics

Cross-platform

• Fully cross-platform Kotlin applications (almost)
• Fully cross-platform Kotlin applications (almost)

Testings

• KakaoCup/Compose
• KakaoCup/Compose
• Testing your Compose layout
• Testing your Compose layout
• How to test Jetpack Compose UI
• How to test Jetpack Compose UI

Testings

• accompanist - A collection of extension libraries for Jetpack Compose
• accompanist - A collection of extension libraries for Jetpack Compose
• Landscapist - image loading using Glide, Coil, Fresco
• compose-icons - Open Source icon packs for Jetpack Compose including Font Awesome, Simple Icons, Feather and more.
• compose-backstack - Simple composable for rendering transitions between backstacks.
• lyricist - The missing I18N/L10N (internationalization/localization) library for Jetpack Compose!
• lyricist - The missing I18N/L10N (internationalization/localization) library for Jetpack Compose!
• compose-markdown - Markdown Text for Android Jetpack Compose
• snapper - A snapping fling behavior for Jetpack Compose
• snapper - A snapping fling behavior for Jetpack Compose
• Reorderable - Reorder items in Lists and Grids with drag and drop
• Reorderable - Reorder items in Lists and Grids with drag and drop
• AutoLinkText - Make links, emails, and phone numbers clickable in text
• AutoLinkText - Make links, emails, and phone numbers clickable in text

UI

• neumorphic-compose - Neumorphism UI with Jetpack Compose. Just add simple `neumorphic()` modifier.
• neumorphic-compose - Neumorphism UI with Jetpack Compose. Just add simple `neumorphic()` modifier.
• compose-ratingbar - Ratingbar for Jetpack Compose.
• info-bar-compose - Display Snackbar-style messages, the easy way.
• Dark-Toggle-Button-Sample-Jetpack-Compose - Animated dark mode toggle button with Jetpack Compose.
• Collection of UIs and Animations built with Jetpack Compose for Android - Collection of UIs and Animations built with Jetpack Compose for Android
• compose-ratingbar - Ratingbar for Jetpack Compose.
• tehras/charts - simple Android compose charts.
• info-bar-compose - Display Snackbar-style messages, the easy way.
• shimmer - Shimmer effect
• compose-sliders - Custom Sliders (previously known as SeekBar) for jetpack compose
• Dark-Toggle-Button-Sample-Jetpack-Compose - Animated dark mode toggle button with Jetpack Compose.
• Collection of UIs and Animations built with Jetpack Compose for Android - Collection of UIs and Animations built with Jetpack Compose for Android
• Konfetti - Easily celebrate little and big moments in your app with this lightweight confetti particle system 🎊
• heart-switch - ❤️ A heart-shaped toggle switch component for Jetpack Compose
• heart-switch - ❤️ A heart-shaped toggle switch component for Jetpack Compose
• ProgressButton - SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive.
• ProgressButton - SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive.
• SwipeAbleViews - 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.
• Dropdown - A Powerful and customizable Jetpack Compose dropdown menu with cascade and animations
• SwipeAbleViews - 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.
• Dropdown - A Powerful and customizable Jetpack Compose dropdown menu with cascade and animations
• FloatingActionButton SpeedDial
• ComposeCalendar - A Jetpack Compose library for handling calendar component rendering.
• WheelPickerCompose - Wheel Date & Time Picker for Jetpack Compose.
• FloatingActionButton SpeedDial
• ComposeCalendar - A Jetpack Compose library for handling calendar component rendering.
• WheelPickerCompose - Wheel Date & Time Picker for Jetpack Compose.
• Exploding Composable - A Jetpack Compose utility library to add explosive dust effect animation to any composable
• Exploding Composable - A Jetpack Compose utility library to add explosive dust effect animation to any composable
• ComposeDynamicTheme - Material design based Theme Management System for Jetpack Compose
• ComposeDynamicTheme - Material design based Theme Management System for Jetpack Compose
• WYSIWYG Rich Editor Compose - Android WYSIWYG Rich editor for Jetpack compose.
• WYSIWYG Rich Editor Compose - Android WYSIWYG Rich editor for Jetpack compose.
• Animated BottomBar Compose - 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.
• Animated BottomBar Compose - 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.
• YouTubePlayer - YouTube kotlin multiplatform player. The YouTubePlayer composable allows you to embed a YouTube video player in your Jetpack Compose app.
• YouTubePlayer - YouTube kotlin multiplatform player. The YouTubePlayer composable allows you to embed a YouTube video player in your Jetpack Compose app.

UI

• Jetpack Compose Samples - Official repository with samples by Google
• Jetpack Compose Samples - Official repository with samples by Google
• sunflower - Sample app by Google
• sunflower - Sample app by Google
• Learn-Jetpack-Compose-By-Example
• Learn-Jetpack-Compose-By-Example
• Jetpack Compose Playground
• ComposeAcademy-Playground
• ComposeAcademy-Playground
• JetInstagram - Instagram clone app built with Jetpack Compose
• JetInstagram - Instagram clone app built with Jetpack Compose
• JetpackComposeCalculator
• JetpackComposeCalculator
• flux - A fake weather app
• flux - A fake weather app
• JetQuotes - A Quotes Application
• JetQuotes - A Quotes Application
• android-2048-compose - 2048 implemented using Jetpack Compose
• DinoCompose - Chrome's Dino T-Rex game developed in Jetpack Compose
• android-2048-compose - 2048 implemented using Jetpack Compose
• DinoCompose - Chrome's Dino T-Rex game developed in Jetpack Compose
• JetExample - Jetpack Compose UI components examples
• JetExample - Jetpack Compose UI components examples
• Wiggles - Beautiful Puppy adoption app with Jetpack Compose
• Wiggles - Beautiful Puppy adoption app with Jetpack Compose
• Facebook-Timeline-Compose-Android
• Facebook-Timeline-Compose-Android
• compose-schedule-calendar - Demo app for a horizontal schedule(event) calendar
• compose-schedule-calendar - Demo app for a horizontal schedule(event) calendar
• jetpuppy - Jetpuppy is a puppy adoption app using Jetpack Compose UI.
• Cheddar - Hacker News reader
• jetpuppy - Jetpuppy is a puppy adoption app using Jetpack Compose UI.
• Cheddar - Hacker News reader
• jetpack-compose-samples - Repository with collection of many compose samples.
• jetpack-compose-samples - Repository with collection of many compose samples.
• jettimer - Timer app clone built with Jetpack Compose and Hilt
• jettimer - Timer app clone built with Jetpack Compose and Hilt
• Rebound - Highly customizable and feature rich workout log app.
• Intro Showcase View - An android library to highlight different features of the app built using Jetpack Compose.
• ComposeCookbook - A Collection of major Jetpack compose UI components which are commonly used.
• Jetpack-compose-animations-examples - Cool animations implemented with Jetpack Compose.
• CoinWatch - Delightful cryptocurrency app providing real-time coin prices, price histories, and market data
• Jetpack-compose-animations-examples - Cool animations implemented with Jetpack Compose.
• ComposeCookbook - A Collection of major Jetpack compose UI components which are commonly used.
• CoinWatch - Delightful cryptocurrency app providing real-time coin prices, price histories, and market data

UI

• Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
• Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform

UI

• Compose JB - Jetpack Compose for Desktop and Web
• Compose JB - Jetpack Compose for Desktop and Web
• ComposeSlackDesktop - A Slack demo app for desktop using Jetpack Compose

UI

• ComposeClock
• ComposeClock

UI

• Leland Richardson's channel about Compose
• Compose by example
• Thinking in Compose
• Leland Richardson's channel about Compose
• Thinking in Compose
• Compose for existing apps
• What's new in Compose Design Tools
• Compose for existing apps
• What's new in Compose Design Tools

UI

• Jetpack-Compose-Playground - Community-driven collection of Jetpack Compose example code and tutorials 🚀
• Compose Modifiers Playground
• Compose Modifiers Playground