[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7221":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":35,"readmeContent":36,"aiSummary":37,"trendingCount":16,"starSnapshotCount":16,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},7221,"ComposeCookBook","Gurupreet\u002FComposeCookBook","Gurupreet","A Collection on all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential","",null,"Kotlin",6836,853,123,21,0,4,20,1,68.79,"MIT License",false,"master",true,[26,27,28,29,30,31,32,33,34],"android","android-ui","compose","declarative-ui","jetpack","jetpack-compose","jetpackcompose","kotlin","kotlin-android","2026-06-12 04:00:32","\u003Ch1 align=\"center\">ComposeCookBook\u003C\u002Fh1>\n\n\u003Cdiv align=\"center\">\n  \u003Cstrong>Declarative UI\u003C\u002Fstrong>\n\u003C\u002Fdiv>\n\u003Cdiv align=\"center\">\n  A Collection of all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential.\n\u003C\u002Fdiv>\n\u003Cbr \u002F>\n\u003Cdiv align=\"center\">\n \u003Cimg src = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fblob\u002Fmaster\u002Fscreens\u002Fcomposelogo.png\" width = \"300px\"\u002F>\n\u003C\u002Fdiv>\n\n\u003Cbr \u002F>\n\n\u003Cdiv align=\"center\">\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Freleases\u002Fdownload\u002Flatest-master\u002Fapp-debug.apk\" >\n      \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FMaster-Master?color=7885FF&label=Sample%20App&logo=android&style=for-the-badge\" \u002F>\n    \u003C\u002Fa>\n    \u003Ca href = \"https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fandroidx\u002Fversions\u002Fall-channel#december_16_2020\">\n      \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FJetpack%20Compose-1.0.1-brightgreen\" \u002F>\n    \u003C\u002Fa>\n  \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Factions\u002Fworkflows\u002Fandroid.yml\">\n      \u003Cimg src = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Factions\u002Fworkflows\u002Fandroid.yml\u002Fbadge.svg\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fnetwork\u002F\">\n    \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FGurupreet\u002FComposeCookBook\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fstargazers\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FGurupreet\u002FComposeCookBook\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fissues\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002FGurupreet\u002FComposeCookBook\" \u002F>\n  \u003C\u002Fa>  \n    \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fblob\u002Fmaster\u002FLICENSE\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FGurupreet\u002FComposeCookBook\" \u002F>\n  \u003C\u002Fa> \n  \u003Ca href = \"https:\u002F\u002Ftwitter.com\u002F_gurupreet\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Furl?label=follow&style=social&url=https%3A%2F%2Ftwitter.com%2F_gurupreet\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n# Jetpack Compose\nJetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.\n\n### Jetpack compose for Desktop:\n[Compose Spotify Desktop](https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeSpotifyDesktop)\n### FontAwesomeIcons in Compose:\n[FontAwesome Icon Library ](https:\u002F\u002Fgithub.com\u002FGurupreet\u002FFontAwesomeCompose)\n\n## Screens\nList & Layouts             |  Widgets and building blocks| Animations | Theme\n:-------------------------:|:-------------------------: | :-------------------------: | :-------------------------:\n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FWOlo2cTDdjGkgdAJQK\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FRkEyxCn43aX1MoIdcx\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FpZfwwwOlKQtiyJFPr2\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FkPt0nCCWAcahhJsJh6\u002Fgiphy.gif)\n\nFlinger                    |   \n:-------------------------:|\n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FOLa80kZcBXLEZlKiFY\u002Fgiphy.gif) | \n\n### Demo UI\nSpotify             |  Instagram Demo | Twitter, Gmail, Youtube                       | Profile\n:-------------------------:|:-------------------------: | :-------------------------: | :-------------------------:\n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FIddlpOpdboqJwdhxMS\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FXSh4SKvAgr6Moj3SDH\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FsEe1vREivaK7ieMPYj\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002Fn3UTF9SzLpBGneFyj3\u002Fgiphy.gif)\n\nGmail full             |  Tiktok             |  Meditation\n:-------------------------:|:-------------------------:|:-------------------------:\n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FhrOVD7rbST5shclGkQ\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FcimocpJnmSBeJIPxu2\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002F4ijPfCItGfgdGJmTfA\u002Fgiphy.gif)\n\n### Apps with Api, Retrofit, Room, Flow, Livedata Integration\nCryptoApp MVVM             |  MovieApp MVI              | Dating APP DEMO UI         | Betty\n:-------------------------:|:-------------------------: | :-------------------------:|:-------------------------:\n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FOtJXUCh2ITINfKuTc0\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FBfHMR2EMJkzB1agvpk\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FtVXmwM2ryGlhCcf3Kl\u002Fgiphy.gif) | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FEjeqq59zW3malZ88Si\u002Fgiphy.gif)\n\n### Advance lists and animations\nShimmer Lists             | List Scroll Animations\n:-------------------------:|:-------------------------: \n![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FVQof1yEEbEgcqgY7WW\u002Fgiphy.gif)  |  ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FhhpnI1beJr6gRi4btK\u002Fgiphy.gif)\n\n### Templates\nAdding card details        | CaseCade Menu\n:-------------------------:| :-------------------------: \n![](https:\u002F\u002Fuser-images.githubusercontent.com\u002F8813304\u002F112016144-1e21ef00-8b35-11eb-8c33-362c8cbe6c0d.gif)  | ![](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FWoFe2OZ7kbW2KBkzFN\u002Fgiphy.gif) \n\n### Kotlin DSL Templates\nYou can find them in *buildSrc*\n- build.bradle\n- dependency\n- configurations\n\n## How to get started\nPlease get **Android Studio Bumblebee latest Canary** [from here](https:\u002F\u002Fdeveloper.android.com\u002Fstudio\u002Fpreview\u002F) and use **JDK 11** to build this project.\n\n## Features & Where to start\n- __Widgets:__ Widgets Screen show case all the available components to build UI.\n- __Home Screen:__ Start with Layouts, Modifiers and Simple Listviews\n- __Demo UI:__ Learn how demo UI have been made by using layouts, listviews and widgets.\n- __Animations:__ Animations are very interesting in compose. Checkout single value animations to get started.\n- __UI Tests:__ Checkout UI tests to understand how we can test compose UI.\n- __Others:__ After the above steps feel free to deep dive into Tablayouts, carousel, Dialogs and BottomSheets\n\n\n## Coming Soon\n- Some of the features that will be available in coming weeks\n  - Advance lists: Pull Refresh, Swipe lists etc\n  - Clean Architecture Sample with coroutines.\n  - Advance canvas drawing.\n    Much more in pipeline stay tuned!!\n\n## Official Documentations\n- Official Google Documentation\n  - [Compose Pathway](https:\u002F\u002Fdeveloper.android.com\u002Fcourses\u002Fpathways\u002Fcompose)\n  - [Jetpack compose](https:\u002F\u002Fdeveloper.android.com\u002Fjetpack\u002Fcompose)\n  - [Jetpack compose Samples](https:\u002F\u002Fgithub.com\u002Fandroid\u002Fcompose-samples)\n\n- [Compose Academy ](https:\u002F\u002Fcompose.academy\u002F)\n\n- [Composables](https:\u002F\u002Fcomposables.com\u002F)\n\n## Contribution Info\n- All the contributions are welcomed keeping following points in mind.\n  - If it's a widget\u002Ftool\u002FUI element newly added please add to Widget Screen\n  - Any feature showcase like Collapsing AppBar, BottomSheets, Dialogs etc add in HomeScreen list\n  - Any Demo UI please add to Demo UI section\n  - Try not to add new Icons\u002FImages unless must be needed.\n  - Please make sure whatever you add also supports dark mode as well.\n    Thanks happy coding\n\n\n## Please Share & Star the repository to keep me motivated.\n  \u003Ca href = \"https:\u002F\u002Fgithub.com\u002FGurupreet\u002FComposeCookBook\u002Fstargazers\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FGurupreet\u002FComposeCookBook\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href = \"https:\u002F\u002Ftwitter.com\u002F_gurupreet\">\n     \u003Cimg src = \"https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Furl?label=follow&style=social&url=https%3A%2F%2Ftwitter.com%2F_gurupreet\" \u002F>\n  \u003C\u002Fa>\n\n","ComposeCookBook 是一个展示 Jetpack Compose UI 元素、布局、小部件和演示屏幕的集合，旨在展现其潜力。项目使用 Kotlin 语言编写，通过声明式 UI 方法简化了 Android 应用界面的构建过程，提供了一种更直观且高效的开发体验。它涵盖了从基础组件到复杂动画效果的各种示例，非常适合于想要快速上手 Jetpack Compose 或者寻找灵感以创建美观且功能丰富的用户界面的开发者。无论是初学者还是经验丰富的Android开发者，都可以从中受益，尤其是在需要探索新设计模式或优化现有应用UI时。",2,"2026-06-11 03:11:16","top_language"]