[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7144":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":16,"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":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},7144,"compose-samples","android\u002Fcompose-samples","android","Official Jetpack Compose samples.","https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose",null,"Kotlin",23223,5441,427,3,0,17,86,9,45,"Apache License 2.0",false,"main",true,[7,26],"jetpack-compose","2026-06-12 02:01:35","# Jetpack Compose Samples\n\u003Cimg src=\"readme\u002Fsamples_montage.gif\" alt=\"Jetpack Compose Samples\" width=\"824\" \u002F>\n\nThis repository contains a set of individual Android Studio projects to help you learn about\nCompose in Android. Each sample demonstrates different use cases, complexity levels and APIs.\n\nFor more information, please [read the documentation](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose).\n\n💻 Requirements\n------------\nTo try out these sample apps, you need to use [Android Studio](https:\u002F\u002Fdeveloper.android.com\u002Fstudio).\nYou can clone this repository or import the\nproject from Android Studio following the steps\n[here](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose\u002Fsetup#sample).\n\n🧬 Samples\n------------\n\n| Project | |\n|:-----|---------|\n|  \u003Cbr>\u003Cimg src=\"readme\u002Fjetnews.png\" alt=\"JetNews\" width=\"240\">\u003C\u002Fimg> \u003Cbr>\u003Cbr> A sample blog post viewer that demonstrates the use of Compose with a typical Material app and real-world architecture. \u003Cbr>\u003Cbr> • Medium complexity\u003Cbr>• Varied UI\u003Cbr>• Light & dark themes\u003Cbr>• Resource loading\u003Cbr>• UI Testing \u003Cbr>\u003Cbr> **[> Browse](JetNews\u002F)**\u003Cbr>\u003Cbr> | \u003Cimg src=\"readme\u002Fscreenshots\u002FJetNews.png\" width=\"320\" alt=\"Jetnews sample demo\"> |\n|  |  |\n|  \u003Cbr>\u003Cimg src=\"readme\u002Fjetchat.png\" alt=\"Jetchat\" width=\"240\">\u003C\u002Fimg> \u003Cbr>\u003Cbr>A sample chat app that focuses on UI state patterns and text input.\u003Cbr>\u003Cbr>• Low complexity\u003Cbr>• Material Design 3 theme and Material You dynamic color\u003Cbr>• Resource loading\u003Cbr>• Back button handling\u003Cbr>• Integration with Architecture Components: Navigation, Fragments, LiveData, ViewModel\u003Cbr>• Animation\u003Cbr>• UI Testing\u003Cbr>\u003Cbr>**[> Browse](Jetchat\u002F)** \u003Cbr>\u003Cbr> | \u003Cimg src=\"readme\u002Fscreenshots\u002FJetchat.png\" width=\"320\" alt=\"Jetchat sample demo\">|\n|  |  |\n| \u003Cbr>\u003Cimg src=\"readme\u002Fjetsnack.png\" alt=\"Jetsnack\" width=\"240\">\u003C\u002Fimg> \u003Cbr>\u003Cbr>Jetsnack is a sample snack ordering app built with Compose.\u003Cbr>\u003Cbr>• Medium complexity\u003Cbr>• Custom design system\u003Cbr>• Custom layouts\u003Cbr>• Animation\u003Cbr>\u003Cbr>**[> Browse](Jetsnack\u002F)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"readme\u002Fscreenshots\u002FJetsnack.png\" width=\"320\" alt=\"Jetsnack sample demo\">|\n|  |  |\n| \u003Cbr>\u003Cimg src=\"readme\u002Fjetcaster.png\" alt=\"Jetcaster\" width=\"240\">\u003C\u002Fimg> \u003Cbr>\u003Cbr>A sample podcast app that features a full-featured, Redux-style architecture and showcases dynamic themes.\u003Cbr>\u003Cbr>• Advanced sample\u003Cbr>• Dynamic theming using podcast artwork\u003Cbr>• Image fetching\u003Cbr>• [`WindowInsets`](https:\u002F\u002Fdeveloper.android.com\u002Freference\u002Fkotlin\u002Fandroid\u002Fview\u002FWindowInsets) support\u003Cbr>• Coroutines\u003Cbr>• Local storage with Room\u003Cbr>\u003Cbr>**[> Browse](Jetcaster\u002F)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"readme\u002Fscreenshots\u002FJetcaster.png\" width=\"320\" alt=\"Jetcaster sample demo\">|\n|  |  |\n| \u003Cbr>\u003Cimg src=\"readme\u002Freply.png\" alt=\"Reply\" width=\"240\">\u003C\u002Fimg>  \u003Cbr>\u003Cbr>A compose implementation of the Reply material study, an email client app that focuses on adaptive design for mobile, tablets and foldables. It also showcases brand new Material design 3 theming, dynamic colors and navigation components.\u003Cbr>\u003Cbr>• Medium complexity\u003Cbr>• Adaptive UI for phones, tablet and desktops\u003Cbr>• Foldable support\u003Cbr>• Material 3 theming & Components\u003Cbr>• Dynamic colors and Light\u002FDark theme support\u003Cbr>\u003Cbr>**[> Browse](Reply\u002F)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"readme\u002Fscreenshots\u002FReply.png\" width=\"320\" alt=\"Reply sample demo\">|\n|  |  |\n| \u003Cbr>\u003Cimg src=\"readme\u002Fjetlagged_heading.png\" alt=\"JetLagged\" width=\"240\">\u003C\u002Fimg>  \u003Cbr>\u003Cbr>A sample sleep tracker app, showcasing how to create custom layouts and graphics in Compose\u003Cbr>\u003Cbr>• Custom Layouts\u003Cbr>• Graphs with Paths\u003Cbr>\u003Cbr>**[> Browse](JetLagged\u002F)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"JetLagged\u002Fscreenshots\u002FJetLagged_Full.png\" width=\"320\" alt=\"JetLagged sample demo\">|\n\n🧬 Additional samples\n------------\n\n| Project | |\n|:-----|---------|\n| \u003Cbr>\u003Cimg src=\"readme\u002Fnia.png\" alt=\"Now in Android\" width=\"240\">\u003C\u002Fimg>  \u003Cbr>\u003Cbr>An app for keeping up to date with the latest news and developments in Android.\u003Cbr>\u003Cbr>• [Jetpack Compose](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose) first app.\u003Cbr>• Implements the recommended Android [Architecture Guidelines](https:\u002F\u002Fdeveloper.android.com\u002Ftopic\u002Farchitecture) \u003Cbr>• Integrates [Jetpack Libraries](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack) holistically in the context of a real world app\u003Cbr>\u003Cbr>\u003Ca href=\"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=com.google.samples.apps.nowinandroid\">\u003Cimg src=\"https:\u002F\u002Fplay.google.com\u002Fintl\u002Fen_us\u002Fbadges\u002Fstatic\u002Fimages\u002Fbadges\u002Fen_badge_web_generic.png\" height=\"70\">\u003C\u002Fa>\u003Cbr>**[> Browse](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fnowinandroid)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"readme\u002Fscreenshots\u002FNiA.png\" width=\"320\" alt=\"Now In Android Github Repository\">|\n|  |  |\n| \u003Cbr>\u003Cimg src=\"readme\u002Fmaterial_catalog.png\" alt=\"Material Catalog\" width=\"240\">\u003C\u002Fimg>  \u003Cbr>\u003Cbr>A catalog of Material Design components and features available in Jetpack Compose. See how to implement them and how they look and behave on real devices.\u003Cbr>\u003Cbr>• Lives in AOSP—always up to date\u003Cbr>• Uses the same samples as API reference docs\u003Cbr>• Theme picker to change Material Theming values at runtime\u003Cbr>• Links to guidelines, docs, source code, and issue tracker\u003Cbr>\u003Cbr>\u003Ca href=\"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=androidx.compose.material.catalog\">\u003Cimg src=\"https:\u002F\u002Fplay.google.com\u002Fintl\u002Fen_us\u002Fbadges\u002Fstatic\u002Fimages\u002Fbadges\u002Fen_badge_web_generic.png\" height=\"70\">\u003C\u002Fa>\u003Cbr>**[> Browse on AOSP](https:\u002F\u002Fcs.android.com\u002Fandroidx\u002Fplatform\u002Fframeworks\u002Fsupport\u002F+\u002Fandroidx-main:compose\u002Fintegration-tests\u002Fmaterial-catalog)** \u003Cbr>\u003Cbr>  | \u003Cimg src=\"readme\u002Fscreenshots\u002FMaterial_Catalog.png\" width=\"320\" alt=\"Material Catalog sample demo\">|\n\n\n## High level features \n\nLooking for a sample that has the following features?\n\n### Custom Layouts\n* [Jetnews: Interests Screen](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fee198110d8a7575da281de9bd0f84e91970468ca\u002FJetNews\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetnews\u002Fui\u002Finterests\u002FInterestsScreen.kt#L428)\n* [Jetchat: AnimatedFabContent](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fee198110d8a7575da281de9bd0f84e91970468ca\u002FJetchat\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fcompose\u002Fjetchat\u002Fcomponents\u002FAnimatingFabContent.kt#L101)\n* [Jetsnack: Grid](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002F73d7f25815e6936e0e815ce975905a6f10744c36\u002FJetsnack\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetsnack\u002Fui\u002Fcomponents\u002FGrid.kt#L27)\n* [Jetsnack: CollapsingImageLayout](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fmain\u002FJetsnack\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetsnack\u002Fui\u002Fsnackdetail\u002FSnackDetail.kt)\n\n### Theming\n* [Jetchat: Material3](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fmain\u002FJetchat\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fcompose\u002Fjetchat\u002Ftheme\u002FThemes.kt#L91)\n* [Jetcaster: Custom theme based on cover art](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fmain\u002FJetcaster\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetcaster\u002Futil\u002FDynamicTheming.kt)\n* [Jetsnack: Custom Design System](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fmain\u002FJetsnack\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetsnack\u002Fui\u002Ftheme\u002FTheme.kt)\n\n### Animations\n* [Jetsurvey: AnimatedContent](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fpull\u002F842)\n* [Jetcaster: Animated theme colors](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002F69e9d862b5ffb321064364d7883e859db6daeccd\u002FJetcaster\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetcaster\u002Futil\u002FDynamicTheming.kt)\n* [Jetsnack: Animating Bottom Barl](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002Fmain\u002FJetsnack\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetsnack\u002Fui\u002Fhome\u002FHome.kt)\n\n### Text\n* [Jetchat: Downloadable Fonts](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fpull\u002F787)\n\n### Large Screens\n* [Jetcaster - Supporting Pane](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002F3dbbf0912b57dacefcfb79191a2d7d6b053dadb8\u002FJetcaster\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetcaster\u002Fui\u002Fhome\u002FHome.kt#L282)\n* [Jetnews - Window Size Classes](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Fblob\u002F69e9d862b5ffb321064364d7883e859db6daeccd\u002FJetNews\u002Fapp\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fexample\u002Fjetnews\u002Fui\u002FMainActivity.kt#L36)\n\n### TV\n* [Jetcaster - TV](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Ftree\u002F3dbbf0912b57dacefcfb79191a2d7d6b053dadb8\u002FJetcaster\u002Ftv-app)\n\n### Wear\n* [Jetcaster - Wear](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples\u002Ftree\u002F3dbbf0912b57dacefcfb79191a2d7d6b053dadb8\u002FJetcaster\u002Fwear)\n\n## Formatting\n\nTo automatically format all samples: Run `.\u002Fscripts\u002Fformat.sh`\nTo check one sample for errors: Navigate to the sample folder and run `.\u002Fgradlew spotlessCheck`\nTo format one sample: Navigate to the sample folder and run `.\u002Fgradlew spotlessApply`\n\n## Updates\n\nTo update dependencies to their new stable versions, run:\n\n```\n.\u002Fscripts\u002FupdateDeps.sh\n```\n\nAny other version updates need to be made individually.\n\n## Obsolete Sample Projects\n\nOver time some of our samples become a little stale and are removed to keep the\nrepository easy to navigate. If you are curious you can still find them in the \nhistory, however if you are new you might be better served sticking to\nthe most up to date resources.\n\n| Project                                          | Removed    | Commit                                                              |\n| ------------------------------------------------ | -----------|-------------------------------------------------------------------- |\n| [Crane](..\u002F..\u002Ftree\u002Fv2024.05.00\u002FCrane)         | 2024-08-02 | [ee8e272](..\u002F..\u002Fcommit\u002Fee8e27289f4bc36304ee9f04397f49c35f402a65) |\n| [Owl](..\u002F..\u002Ftree\u002Fv2024.05.00\u002FOwl)             | 2024-08-02 | [ee8e272](..\u002F..\u002Fcommit\u002Fee8e27289f4bc36304ee9f04397f49c35f402a65) |\n| [Jetsurvey](..\u002F..\u002Ftree\u002Fv2024.05.00\u002FJetsurvey) | 2024-08-02 | [ee8e272](..\u002F..\u002Fcommit\u002Fee8e27289f4bc36304ee9f04397f49c35f402a65) |\n| [Rally](..\u002F..\u002Ftree\u002Fv2024.05.00\u002FRally)         | 2024-08-02 | [ee8e272](..\u002F..\u002Fcommit\u002Fee8e27289f4bc36304ee9f04397f49c35f402a65) |\n\n## License\n```\nCopyright 2024 The Android Open Source Project\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    https:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n","android\u002Fcompose-samples 是一个官方的 Jetpack Compose 示例项目，旨在帮助开发者学习和理解如何在 Android 应用中使用 Compose。该项目通过多个独立的示例应用展示了不同复杂度、功能特性和 API 的使用方法，如 Material Design 3 主题、动态颜色、资源加载、动画效果及与架构组件（如 Navigation、Fragments、LiveData 和 ViewModel）的集成等。这些示例涵盖了从简单的聊天应用到复杂的播客客户端等多种场景，非常适合希望深入了解并实践现代 Android UI 开发技术的开发者们参考使用。",2,"2026-06-11 03:10:45","top_language"]