nikit19 / jetpack-compose-awesome

📝 A curated list of awesome Jetpack Compose libraries, projects, articles and resources

📝 A curated list of awesome JetpackCompose libraries, projects, articles and resources.

See also: Android Developer Reference

Contents

• News/Updates
• Official documentation
• Articles
  • Getting started
  • Styling
  • Navigation
  • Animations
  • Interop
  • Migration
• Tools
• Libraries
• App Projects
• Videos
• Extras

🔥 News/Updates

• November 5, 2020 - Jetpack Compose for Desktop: Milestone 1 Released
• 26 August, 2020 - Jetpack Compose Alpha!

Docs/Tools

• Jetpack Compose
• Jetpack Compose Release Notes
• Compose Academy - Jetpack Compose Reference
• Jetpack Compose App - Comparison of existing UI widgets and Jetpack Compose
• recompose - A tool for converting Android layouts in XML to Kotlin code using Jetpack Compose.
• Jetpack Compose Playground
• Shot - Jetpack Compose screenshot testing tool
• Radiography - UI structure printer

• Showkase - Helps you organize, discover, search and visualize Jetpack Compose UI elements

Articles

• 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

• Building an exploding fab transition with Jetpack Compose
• Code Simple Android Jetpack Compose Drawing App
• RecyclerView and LazyColumnFor in Jetpack Compose
• Android Jetpack Compose: Remember Made Easy
• Implement Bottom Bar Navigation in Jetpack Compose
• StaggeredVerticalGrid of Android Jetpack Compose
• Jetpack Compose Effect Handlers
• Getting our apps ready for Jetpack Compose

Getting started

• Jetpack Compose Tutorial for Android: Getting Started

Styling

• Building a Design System implementation using Jetpack Compose — Part1 (Theme)
• Building a Design System implementation using Jetpack Compose — Part2 (Component)

Navigation

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

Animations

• Intro to animations with Jetpack Compose
• Jetpack Compose Animations Tutorial: Getting Started

Interop

• Jetpack Compose Interop Part 1
• Jetpack Compose Interop Part 2
• Jetpack Compose View & Android View Comparison

Migration

• Jetpack Compose migration course

Exporing JetPack Compose

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

Cross-platform

• Fully cross-platform Kotlin applications (almost)

Libraries

• accompanist - A collection of extension libraries for Jetpack Compose
• compose-router - Routing functionality for Jetpack Compose with back stack
• accompanist - A collection of extension libraries for Jetpack Compose
• Landscapist - image loading uding Glide, Coil, Fresco

App Projects

• Jetpack Compose Samples - Official repository with samples by Google
• ComposeAcademy-Playground
• sunflower - Sample app by Google
• JetInstagram - Instagram clone app built with Jetpack Compose
• Jetpack Compose Playground
• JetExample
• Cheddar - Hacker News reader
• JetQuotes - A Quotes Application
• DinoCompose - Chrome's Dino T-Rex game developed in Jetpack Compose
• DisneyCompose - A demo Disney app using Compose, Hilt, Android tech-stacks and MVVM.
• android-2048-compose - 2048 implemented using Jetpack Compose
• JetpackComposeCalculator

Other projects

• ComposeClock

Videos

• 📺 Leland Richardson's channel about Compose

• Compose by example

• Thinking in Compose

• Thinking in Compose

• Compose for existing apps

• What's new in Compose Design Tools

Extras

Find this repository useful? ❤️

Support it by joining stargazers for this repository. ⭐