Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
jetpack-compose-awesome
π A curated list of awesome Jetpack Compose libraries, projects, articles and resources
https://github.com/jetpack-compose/jetpack-compose-awesome
Last synced: 3 days ago
JSON representation
-
Articles
-
- 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
- The Story of My First A-ha Moment With Jetpack Compose
- Jetpack compose β Dependency injection with Dagger/HILT
- Jetpack Compose: MVVM State management in a simple way
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- Jetpack compose β Dependency injection with Dagger/HILT
- Jetpack Compose: MVVM State management in a simple way
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- Jetpack compose β Dependency injection with Dagger/HILT
- Jetpack Compose: MVVM State management in a simple way
- The Story of My First A-ha Moment With Jetpack Compose
- Jetpack compose β Dependency injection with Dagger/HILT
- Jetpack Compose: MVVM State management in a simple way
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- Jetpack compose β Dependency injection with Dagger/HILT
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
- The Story of My First A-ha Moment With Jetpack Compose
-
Custom Composables
-
Canvas
-
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
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- FlowLayout
- 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
- Things you need to know before switching to Jetpack Compose
- Roadmap for Jetpack Compose
- 7 things you should know before using Jetpack Compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Scoped recomposition in Jetpack Compose β what happens when state changes?
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to compose
- Migration to 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
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- Lessons learned when migrating my app to Jetpack Compose
- 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
- 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
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android 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
- Android Jetpack Compose: Navigation
- Android Jetpack Compose: Navigation
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing multi typed data between screens with Jetpack Compose navigation component
- Passing string typed data with Jetpack Compose navigation component
- Android Jetpack Compose: Navigation
- Passing string typed data with Jetpack Compose navigation component
-
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
- 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
- Implement Bottom Bar Navigation in Jetpack Compose
- Implement Bottom Bar Navigation in Jetpack Compose
- 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
- Implement Bottom Bar Navigation in Jetpack Compose
- 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
- Implement Bottom Bar Navigation in Jetpack Compose
- 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
- 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
- Implement Bottom Bar Navigation in Jetpack Compose
- Implement Bottom Bar Navigation in Jetpack Compose
- Implement Bottom Bar Navigation in Jetpack Compose
- Implement Bottom Bar Navigation in Jetpack Compose
-
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
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop in Jetpack Compose
- Learn with code: Jetpack Compose β Lists and Pagination (Part 1)
- Expandable lists in Jetpack Compose
- How to master Swipeable and NestedScroll modifiers in Jetpack Compose
- Basic Drag-n-Drop 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
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Animations in Jetpack Compose with examples
- Intro showcase view in Jetpack Compose β Android
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Animations in Jetpack Compose with examples
- Intro showcase view in Jetpack Compose β Android
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- How to animate BottomSheet content using Jetpack Compose
- Intro to animations with Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Animations in Jetpack Compose with examples
- Intro showcase view in Jetpack Compose β Android
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Animations in Jetpack Compose with examples
- Intro showcase view in Jetpack Compose β Android
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
- Intro to animations with Jetpack Compose
- How to animate BottomSheet content using Jetpack Compose
- Animate with Jetpack Compose: Animate as State and Animation Specs
-
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
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
- Jetpack Compose Interop Part 1
- Jetpack Compose Interop Part 2
-
Migration
-
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
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- ViewModels using Compose: MutableStateFlows or MutableStates?
- Better handling states between ViewModel and Composable
- Dagger 2 and Jetpack Compose Integration
- Jetpack Compose navigation architecture with ViewModels
-
Dependency Injection
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- Koin for Compose proposal (Jetpack and Multiplatform)
- 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
- 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
- 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
- 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
- Jetpack Compose Side-Effects β LaunchedEffect
- Jetpack Compose Side-Effects II β rememberCoroutineScope
- Jetpack Compose Side-Effects IIIβ rememberUpdatedState
- Jetpack Compose Side-Effects IIIβ rememberUpdatedState
- Jetpack Compose Side-Effects β LaunchedEffect
- Jetpack Compose Side-Effects II β rememberCoroutineScope
- 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
- 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
- Jetpack Compose Side-Effects IIIβ rememberUpdatedState
- Jetpack Compose Side-Effects β LaunchedEffect
- Jetpack Compose Side-Effects II β rememberCoroutineScope
-
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
- 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
- Improving performance with Compose Compiler Metrics
- Understanding re-composition in Jetpack Compose with a case study
- Supporting different screen sizes on Android with Jetpack Compose
- Measuring Render Performance with Jetpack Compose
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
- Understanding re-composition in Jetpack Compose with a case study
- Improving performance with Compose Compiler Metrics
- Supporting different screen sizes on Android with Jetpack Compose
- 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
- Improving performance with Compose Compiler Metrics
- 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
- Improving performance with Compose Compiler Metrics
-
Cross-platform
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
- Fully cross-platform Kotlin applications (almost)
-
Testings
-
-
π₯ News/Updates
-
Docs
- Jetpack Compose Codelabs
- Jetpack Compose Roadmap
- Jetpack Compose Release Notes
- ComposeCookBook
- API Guidelines for Jetpack Compose
- Book: Jetpack Compose internals
- Jetpack Compose Collection
- Android Basics with Compose Course
- Compose performance Doc
- Jetpack Compose Component List
- Compose performance Doc
- Jetpack Compose Component List
-
Tools
- recompose - A tool for converting Android layouts in XML to Kotlin code using Jetpack Compose.
- Jetpack Compose Playground
- recompose - A tool for converting Android layouts in XML to Kotlin code using Jetpack Compose.
- Jetpack Compose Playground
- Radiography - UI structure printer
- Showkase - Helps you organize, discover, search and visualize Jetpack Compose UI elements
- Radiography - UI structure printer
- Showkase - Helps you organize, discover, search and visualize Jetpack Compose UI elements
-
Libraries
-
Testings
- Landscapist - image loading using Glide, Coil, Fresco
- compose-icons - Open Source icon packs for Jetpack Compose including Font Awesome, Simple Icons, Feather and more.
- 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
- 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.
- Konfetti - Easily celebrate little and big moments in your app with this lightweight confetti particle system π
-
-
<a name="app-projects"></a> App Projects
-
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
- 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.
- 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
- 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
-
-
Multiplatform
-
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
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
- Jetpack Compose Multiplatform Android & iOS - article about migrating to Jetpack Compose Multiplatform
-
-
Other projects
-
Compose Desktop Projects
-
UI
- ComposeSlackDesktop - A Slack demo app for desktop using Jetpack Compose
-
-
<a name="videos"></a> πΊ Videos
-
Extras
-
UI
- Jetpack-Compose-Playground - Community-driven collection of Jetpack Compose example code and tutorials π
- Compose Modifiers Playground
- Compose Modifiers Playground
- Jetpack-Compose-Playground - Community-driven collection of Jetpack Compose example code and tutorials π
-
Programming Languages
Categories
Sub Categories
UI
110
Lists/RecyclerView
75
Animations/Transitions
66
Navigation
61
Additional
60
Architecture
60
Exploring JetPack Compose
52
Side-Effects
45
Interop
34
UI Components
29
Getting started
25
Modifiers
17
Testings
17
Cross-platform
15
Dependency Injection
15
Styling
13
Canvas
6
Custom Composables
3
Migration
1
Keywords
android
84
jetpack-compose
83
kotlin
64
compose
38
kotlin-android
30
android-library
22
jetpack
20
declarative-ui
17
android-ui
16
jetpack-android
16
navigation
12
kotlin-library
10
ui-components
10
androiddevchallenge
8
androiddevchallenge-compose
8
material-design
8
library
7
animations
7
jetpackcompose
6
jetpack-navigation
6
jetpack-components
6
transitions
6
jetpack-compose-animation
6
compose-navigation
6
android-studio
6
animation
6
sample-app
6
compose-multiplatform
5
compose-library
4
android-development
4
transition-animation
4
android-jetpack
4
material-ui
4
jetpack-compose-library
4
ui-toolkit
4
dark-theme
4
ksp
4
androidx
4
ui
4
jetpack-compose-navigation
4
kmm
4
hilt-viewmodel
4
androiddevchallenge-
4
hilt-android
4
android-compose
3
grid
2
springanimation
2
draggable
2
drag-and-drop
2
translation
2