kshitij-chaudhari/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
• Compose Desktop Projects
• Videos
• Extras

🔥 News/Updates

• 1 July, 2021 - Jetpack Compose 1.0.0-RC
• 1 June, 2021 - Compose for Desktop: Milestone 4 Released
• 4 May, 2021 - Technology Preview: Jetpack Compose for Web
• 24 March, 2021 - Accompanist v0.7.0 release
• 24 February, 2021 - Jetpack Compose in Beta!

Docs

• Jetpack Compose
• Jetpack Compose Release Notes
• ComposeCookBook
• Compose Academy - Jetpack Compose Reference
• Jetpack Compose App - Comparison of existing UI widgets and Jetpack Compose
• API Guidelines for Jetpack Compose

Tools

• 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
• Jetpack Compose Twitter Bot - A Twitter Bot to get all updates about Jetpack Compose in your feed

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
• Expandable lists in Jetpack Compose
• Introduction to the Compose Snapshot system
• The Story of My First A-ha Moment With Jetpack Compose

Getting started

• Jetpack Compose Tutorial for Android: Getting Started
• Migration to compose

Styling

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

Navigation

• Modo - Navigation library based on UDF principles
• 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
• Jetpack Compose: Navigating to a Detail View (Part III)

Lists/RecyclerView

• Jetpack Compose: An easy way to RecyclerView (Part I)

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

• Getting our apps ready for Jetpack Compose
• Jetpack Compose migration course

Canvas

• Using shapes in Jetpack Compose
• Drawing and painting in Jetpack Compose #1

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
• @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
• Landscapist - image loading uding Glide, Coil, Fresco
• compose-backstack - Simple composable for rendering transitions between backstacks.
• 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.
• compose-ratingbar - Ratingbar for Jetpack Compose.
• neumorphic-compose - Neumorphism UI with Jetpack Compose. Just add simple neumorphic() modifier.
• lyricist - The missing I18N/I10N (internationalization/localization) library for Jetpack Compose!
• compose-markdown - Markdown Text for Android Jetpack Compose
• multinavcompose - Android multi-module navigation built on top of Jetpack Navigation Compose

UI

compose-richtext - A collection of Compose libraries for advanced text formatting.

Architecture

Projects

• Jetpack Compose Samples (+7.7K ⭐) - Official repository with samples by Google
• sunflower (+14.2K ⭐) - Sample app by Google
• Learn-Jetpack-Compose-By-Example (+1.5K ⭐)
• Jetpack Compose Playground (+1.2K ⭐)
• ComposeAcademy-Playground (+700 ⭐)
• JetInstagram (+390 ⭐) - Instagram clone app built with Jetpack Compose
• JetpackComposeCalculator (+240 ⭐)
• flux (+230 ⭐) - A fake weather app
• JetQuotes (+230 ⭐) - A Quotes Application
• android-2048-compose (+190 ⭐) - 2048 implemented using Jetpack Compose
• DinoCompose (+170 ⭐) - Chrome's Dino T-Rex game developed in Jetpack Compose
• JetExample (+140 ⭐) - Jetpack Compose UI components examples
• Wiggles (+130 ⭐) - Beautiful Puppy adoption app with Jetpack Compose
• Facebook-Timeline-Compose-Android (+100 ⭐)
• compose-schedule-calendar (+100 ⭐) - Demo app for a horizontal schedule(event) calendar
• jetpuppy (+40 ⭐) - Jetpuppy is a puppy adoption app using Jetpack Compose UI.
• Cheddar (+60 ⭐) - Hacker News reader
• jettimer (+13 ⭐) - Timer app clone built with Jetpack Compose and Hilt

Compose Desctop Projects

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

Other projects

• ComposeClock

📺 Videos

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

Extras

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

Find this repository useful? ❤️

Support it by joining stargazers for this repository. ⭐