[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7349":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},7349,"Jetpack-Compose-Playground","Foso\u002FJetpack-Compose-Playground","Foso","Community-driven collection of Jetpack Compose example code and tutorials :rocket:  https:\u002F\u002Ffoso.github.io\u002Fcompose","https:\u002F\u002Ffoso.github.io\u002Fcompose",null,"Kotlin",3646,308,52,12,0,1,6,3,62.57,"MIT License",false,"master",true,[26,27,28,29,30,31,32,33,34,35],"android","androidx","compose","hacktoberfest","jetpack","jetpack-android","jetpack-compose","kotlin","kotlin-android","sample-app","2026-06-12 04:00:33","\u003Ch1 align=\"center\">Jetpack Compose Playground\u003C\u002Fh1>\n\n## Introduction 🙋‍♂️\nThis is a Jetpack Compose example project. I'm collecting a bunch of sample codes for Jetpack Compose. I also collect information\u002Ftutorials on the GitHub page https:\u002F\u002Ffoso.github.io\u002Fcompose.\n\n[![Kotlin](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FKotlin-2.0.20-green.svg)]() [![Compose](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FCompose-1.7.0-green.svg)]()\n\n[![jCenter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FMIT-green.svg)](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fblob\u002Fmaster\u002FLICENSE)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg?style=flat-square)](http:\u002F\u002Fmakeapullrequest.com)\n![Android Weekly](https:\u002F\u002Fandroidweekly.net\u002Fissues\u002Fissue-431\u002Fbadge)\n[![Contributors](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcontributors\u002FFoso\u002FJetpack-Compose-Playground.svg)](#contributors)\n\n### Show some :heart: and star the repo to support the project\n\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FFoso\u002FJetpack-Compose-Playground.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FFoso\u002FJetpack-Compose-Playground.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Ffork) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FFoso\u002FJetpack-Compose-Playground.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground) [![Twitter Follow](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fjklingenberg_.svg?style=social)](https:\u002F\u002Ftwitter.com\u002Fjklingenberg_) \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fintent\u002Ftweet?text=Hey, check out Jetpack-Compose-Playground https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground via @jklingenberg_ #Android\n\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Furl\u002Fhttps\u002Fgithub.com\u002Fangular-medellin\u002Fmeetup.svg?style=social\" alt=\"Tweet\">\u003C\u002Fa>\n## Composable of the week!! 🎉\nThe [SubComposeLayout](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fui\u002Flayout\u002Fsubcomposelayout\u002F)\n\n## New to Compose?\nCheck [Compose for Android Developers](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fcompose_for\u002Fandroid_devs\u002F) or [Hello World Compose](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fgeneral\u002Fhelloworld\u002F)\n\n## 📙 Jetpack Compose examples\u002Ftutorials and demos\nLook in the [repo](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Ftree\u002Fmaster\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fde\u002Fjensklingenberg\u002Fjetpackcomposeplayground\u002Fmysamples\u002Fgithub) or take a look at the GitHub page: https:\u002F\u002Ffoso.github.io\u002Fcompose\n\n### Animation\n* [Crossfade](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fanimation\u002Fcrossfade)\n\n### Layouts\n* [ConstraintLayout](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Flayout\u002Fconstraintlayout)\n* [Scaffold](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fscaffold)\n* [Column](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Flayout\u002Fcolumn)\n* [Row](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Flayout\u002Frow)\n* [Stack](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Flayout\u002Fstack)\n\n### Foundation\n* [Canvas](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Fcanvas)\n* [Image](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Fimage)\n* [LazyColumn](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Flazycolumn)\n* [LazyRow](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Flazyrow)\n* [Shape](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Fshape)\n* [Text](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Ftext)\n\n### Material\n* [AlertDialog](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Falertdialog)\n* [BadgeBox](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fbadgedbox\u002F)\n* Buttons: [Button](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fbutton), [FloatingActionButton](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Ffloatingactionbutton\u002F), [OutlinedButton](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fbutton\u002F), [TextButton](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fbutton\u002F)\n* [Card](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fcard)\n* [Divider](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fdivider)\n* [DropdownMenu](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fdropdownmenu\u002F)\n* [ModalBottomSheetLayout](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fmodalbottomsheetlayout\u002F)\n* [ModalDrawerLayout](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fmodaldrawer)\n* [NavigationRail](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fnavigationrail\u002F)\n* Progress Indicators: [CircularProgressIndicator](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fcircularprogressindicator), [LinearProgressIndicator](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Flinearprogressindicator\u002F)\n* [Scaffold](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fscaffold)\n* Selection Controls: [Checkbox](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fcheckbox), [RadioButton](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fradiobutton), [Switch](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fswitch)\n* [Slider](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fslider\u002F)\n* [Snackbar](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fsnackbar\u002F)\n* [Surface](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Fsurface\u002F)\n* [Text](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Ffoundation\u002Ftext\u002F)\n* [TextField](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Ftextfield)\n* [TopAppBar](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fmaterial\u002Ftopappbar\u002F)\n\n### Cookbook\n\n* [Overview](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fcookbook\u002Foverview\u002F)\n* [Handle changes to a TextField](https:\u002F\u002Ffoso.github.io\u002FJetpack-Compose-Playground\u002Fcookbook\u002Ftextfield_changes\u002F)\n\n\n> Some of the code samples in this Repository:\n\n| Overview | DialogExample |  CircularProgress |\n| ------------------ | --------------------------- | ------------------ |\n|\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fblob\u002Fmaster\u002Fdocs\u002Fimages\u002Freadme\u002FDemoActivity.png\" height=\"400\" alt=\"Screenshot\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fmaster\u002Fdocs\u002Fimages\u002FDialogExample.png\" height=\"400\" alt=\"Screenshot\"\u002F>  | \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fblob\u002Fmaster\u002Fdocs\u002Fimages\u002Freadme\u002Fcircprog.png\" height=\"400\" alt=\"Screenshot\"\u002F> |\n\n\u003C\u002Fp>\n\n### Project Structure\n\n* \u003Ckbd>[\u002Fapp](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Ftree\u002Fmaster\u002Fapp)\u003C\u002Fkbd> - Android project directory\n\n# Resources\n\n## Talks\n| Name                                    | Description  |\n| ----------------------------------------- | ------------------------------------ |\n| [Thinking in Compose](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=SMOhl9RK0BA)  \t\t    | Jetpack Compose is the new next generation UI toolkit. It uses a declarative component based paradigm for building UIs easily and quickly. It’s written entirely in Kotlin and embraces the style and ergonomics of the Kotlin language.  |\n| [Compose by example](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=DDd6IOlH3io)  \t\t    | Jetpack Compose is a new declarative UI toolkit built for the demands of creating modern user interfaces. Get started with Compose and learn about the new APIs and Material components that make up the toolkit by examining concrete UIs we’ve created with it. We’ll walk through examples of theming, animation, layout and more, demonstrating how to customize and combine components to build real UIs. We’ll show how the new toolkit simplifies your development experience and enables new possibilities. |\n| [Compose for existing apps](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=PjQdFmiDgwk)  \t\t    | Jetpack Compose is now in alpha and you might want to start adding it to your existing apps. In this talk, you'll learn how to do that! We'll cover topics such as: adding Compose to your existing Views and embedding Views in Compose, using your existing View theme and current app architecture in Compose, testing all of that code, and much more.  |\n| [Jetpack Compose](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=U5BwfqBpiWU)  \t\t    | Jetpack Compose is Android’s new modern UI toolkit. Learn how Compose simplifies & accelerates your UI development, allowing you to create richer, more robust and responsive UIs. We outline our roadmap, what is ready for use right now, share our direction in areas that are still evolving, and show how the tight integration with tooling makes the development experience even better. Get up to speed with Compose and how it can help you to build better apps! |\n| [droidcon Online 2020: Become A Composer By Brian Gardner ](https:\u002F\u002Fwww.droidcon.com\u002Fmedia-detail?video=412304809)  \t\t    | |\n| [KotlinConf 2019: The Compose Runtime, Demystified by Leland Richardson](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=6BRlI5zfCCk)  \t\t    | Jetpack Compose is an ambitious multi-team effort to reimagine Android's UI Toolkit more than 10 years after the Android Platform launched with the original UI Toolkit. Compose follows a declarative programming model, and the runtime is coupled with a Kotlin compiler plugin to enable a novel new approach to declarative programming. In this talk, Leland will go over the mechanics of how the Compose runtime and compiler plugin work together, demystifying how it can be used to enable efficient and performant user interfaces. In addition, this talk will describe how Compose can operate completely independent of the Android Platform and Compose UI, allowing it to be used as a general language feature for Incremental Computing and the management of tree-like data structures. |\n| [KotlinConf 2019: Compose Yourself: Designing a Kotlin First UI Toolkit by Anna-Chiara & Clara](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=WqnR_XhEiVI)  \t\t    | #Jetpack Compose is an unbundled UI Toolkit for #Android, designed to simplify UI development. It combines a reactive programming model with the conciseness and ease of use of Kotlin. Learn directly from engineers on the project about the decisions that went into making this toolkit and how a Kotlin-first approach has influenced API design from the project's inception. |\n| [What's New in Jetpack Compose (Android Dev Summit '19)](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=dtm2h-_sNDQ&list=PLWz5rJ2EKKc_xXXubDti2eRnIKU0p7wHd&index=8&t=0s)  \t\t    | Jetpack Compose was announced at Google I\u002FO and the team has been hard at work ever since. This talk introduces Compose to new audiences, including what the project is and how it is taking shape. The talk also updates people who already know about Jetpack Compose, including how the project has evolved. |\n| [Understanding Compose (Android Dev Summit '19)](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Q9MtlmmN4Q0)  \t\t    | This session covers the benefits of a declarative reactive UI system like Jetpack Compose and how it applies to real problems that Android developers have today. Additionally, this talk expands on the programming model of Jetpack Compose and some of its implementation details the can help you understand how Compose works. |\n| [#AskAndroid at Android Dev Summit 2019 - Jetpack Compose](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=oEy6nJaMtLM)  \t\t    | Missed the #AskAndroid livestream segment of Android Dev Summit 2019? Don’t worry, we got you covered. Hosts Lyla Fujiwara and Dan Galpin are joined by Anna-Chiara Bellini and Adam Powell to discuss Jetpack Compose questions submitted by Android developers online. Anna-Chiara Bellini is a product manager, and Adam Powell is an engineering lead.  |\n| [Google IO19 - Declarative UI patterns](https:\u002F\u002Fyoutu.be\u002FVsStyq4Lzxo)  \t\t    | Explore how reactive and declarative paradigms can be applied to Android UI development, making it easier for developers to integrate these patterns into their Android apps with Kotlin. |\n| [DroidconBerlin - Jetpack Compose — Next Gen Kotlin UI Toolkit for Android](https:\u002F\u002Fwww.droidcon.com\u002Fmedia-detail?video=353079951)  \t\t    | |\n| [DroidconBerlin -  Jumping into Jetpack Compose way too early to see what's inside](https:\u002F\u002Fwww.droidcon.com\u002Fmedia-detail?video=352686988)  \t\t    | |\n| [KotlinEverywhere - Jetpack Compose](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=I5zRmCheVVg) \t\t    | |\n| [DevFest Kolkata 2019 - Let's Talk Composing UI](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=kfNC-MKAGzc) \t\t    | |\n\n## Podcasts\n| Name                                    | Episode | Description  |\n| ----------------------------------------- | ------------------------------------ | -- |\n| Android Developers Backstage | [Episode 147](http:\u002F\u002Fandroidbackstage.blogspot.com\u002F2020\u002F08\u002Fepisode-147-jetpack-compose-alpha.html) | Jetpack Compose Alpha |\n| Android Developers Backstage | [Episode 131](http:\u002F\u002Fandroidbackstage.blogspot.com\u002F2020\u002F01\u002Fepisode-131-jetpack-compose-and.html) | Jetpack Compose and Declarative UIs |\n| Android Developers Backstage | [Episode 115](http:\u002F\u002Fandroidbackstage.blogspot.com\u002F2019\u002F06\u002Fepisode-115-jetpack-compose.html) \t| Jetpack Compose |\n| Fragmented Podcast | [Episode 171](https:\u002F\u002Ffragmentedpodcast.com\u002Fepisodes\u002F172\u002F) | Jetpack Compose with Leland Richardson |\n| The Kodeco Podcast | [S09 E09](https:\u002F\u002Fpodcasts.google.com\u002F?feed=aHR0cHM6Ly93d3cucmF5d2VuZGVybGljaC5jb20vY2F0ZWdvcnkvcG9kY2FzdC9mZWVk&episode=aHR0cHM6Ly93d3cucmF5d2VuZGVybGljaC5jb20vP3A9MjMxMjI0&hl=en-IN&ep=6&at=1567914736470) | Google’s Android Toolkit Lead Developer Romain Guy |\n\n## Other Links\n\n| Name                                    | Description  |\n| ----------------------------------------- | ------------------------------------ |\n| [Jetpack Compose](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose)  \t\t    | |\n| [Jetpack Compose UI Readme](https:\u002F\u002Fandroid.googlesource.com\u002Fplatform\u002Fframeworks\u002Fsupport\u002F+\u002Frefs\u002Fheads\u002Fandroidx-master-dev\u002Fui\u002FREADME.md)  \t\t    | |\n| [Compose Readme](https:\u002F\u002Fandroid.googlesource.com\u002Fplatform\u002Fframeworks\u002Fsupport\u002F+\u002Frefs\u002Fheads\u002Fandroidx-master-dev\u002Fcompose\u002F) \t\t    | |\n| [Video - Kotlin and Jetpack Compose](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=KjQU_QrlbEI)  \t\t    | |\n| `#compose` channel on [Kotlin Slack](https:\u002F\u002Fsurveys.jetbrains.com\u002Fs3\u002Fkotlin-slack-sign-up)  \t\t    | |\n| [Compose from first Principles ](http:\u002F\u002Fintelligiblebabble.com\u002Fcompose-from-first-principles\u002F)  \t\t    | |\n| [Jetpack Compose Tutorial ](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose)  \t\t    | |\n| [AndroidX Git Compose](https:\u002F\u002Fandroid.googlesource.com\u002Fplatform\u002Fframeworks\u002Fsupport\u002F+\u002Frefs\u002Fheads\u002Fandroidx-master-dev\u002Fcompose\u002F)  \t\t    | |\n| [Release Notes](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fandroidx\u002Freleases\u002Fui)  \t\t    | |\n| [Compose UI Docu](https:\u002F\u002Fdeveloper.android.com\u002Freference\u002Fkotlin\u002Fandroidx\u002Fui\u002Fpackages)  \t\t    | |\n| [Video - Jetpack compose - MVVM State management in a simple way](https:\u002F\u002Fyoutu.be\u002FKTvP27FpXd0)  \t\t    | |\n| [Jetpack Compose Twitter Bot](https:\u002F\u002Ftwitter.com\u002FComposeBot)  \t\t    | |\n| [SSComposeCookBook](https:\u002F\u002Fgithub.com\u002FSimformSolutionsPvtLtd\u002FSSComposeCookBook\u002F)  \t\t    | |\n| [SSJetPackComposeProgressButton](https:\u002F\u002Fgithub.com\u002FSimformSolutionsPvtLtd\u002FSSJetPackComposeProgressButton\u002F)  \t\t    | |\n| [SSJetpackComposeSwipeableView](https:\u002F\u002Fgithub.com\u002FSimformSolutionsPvtLtd\u002FSSJetpackComposeSwipeableView\u002F)  \t\t    | |\n| [SSComposeOTPPinView](https:\u002F\u002Fgithub.com\u002FSimformSolutionsPvtLtd\u002FSSComposeOTPPinView)  \t\t    | |\n\nFeel free to contribute!\n\n## ✍️ Feedback\n\nIf you want to improve Compose, join the [Kotlin Slack](https:\u002F\u002Fslack.kotlinlang.org) and the #compose channel or file a Compose bug on the [Google Issue Tracker](https:\u002F\u002Fissuetracker.google.com\u002Fissues?q=componentid:612128)\n\n### Find this project useful? :heart:\n* Support it by clicking the :star: button on the upper right of this page. :v:\n\n## \n\n\u003Cp>\n  \u003Cdiv style=\"vertical-align: baseline;\">This project is proudly supported by JetBrains OSS License\u003C\u002Fdiv>\n  \u003Ca href=\"https:\u002F\u002Fjb.gg\u002FOpenSourceSupport\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fcherryleafroad\u002Fkmagick\u002Fblob\u002Fmain\u002Freadme_files\u002Fjb_beam.png\" height=\"150px\" width=\"150px\"\u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n[License](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fblob\u002Fmaster\u002FLICENSE)\n-------\n\n ```\nMIT License\n\nCopyright (c) 2019-2023 Jens Klingenberg\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and\u002For sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n```\n\n## Acknowledgments\nProjects that helped me understand how to setup the project:\n* [Mishkun\u002Ftry-compose\n](https:\u002F\u002Fgithub.com\u002FMishkun\u002Ftry-compose)\n\n## Credits\nJetpack-Compose-Playground is brought to you by these [contributors](https:\u002F\u002Fgithub.com\u002FFoso\u002FJetpack-Compose-Playground\u002Fgraphs\u002Fcontributors).\n\n","Jetpack Compose Playground 是一个面向社区的 Jetpack Compose 示例代码和教程集合。该项目使用 Kotlin 语言编写，提供了丰富的 Compose 组件示例和动画效果实现，如 Crossfade 动画、ConstraintLayout 布局等，并通过官网 https:\u002F\u002Ffoso.github.io\u002Fcompose 提供了详细的教程支持。它适合于希望快速上手 Jetpack Compose 的 Android 开发者，无论是初学者还是有一定经验的开发者都能从中受益，是学习现代 Android UI 开发技术的理想资源。",2,"2026-06-11 03:11:54","top_language"]