GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Gurupreet → Composecookbook

Gurupreet / Composecookbook

Licence: mit
A Collection on all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential

Programming Languages

kotlin
9241 projects

Labels

androidandroid-uicomposedeclarative-uijetpackjetpack-composejetpackcompose

Projects that are alternatives of or similar to Composecookbook

Coffeegram
Android app using Jetpack Compose together with StateFlow and MVI
Stars: ✭ 155 (-95.59%)
Mutual labels:  jetpack, declarative-ui, android-ui, compose, jetpack-compose, jetpackcompose
JetComposer
Collection of UIs and Animations built with Jetpack Compose for Android
Stars: ✭ 294 (-91.64%)
Mutual labels:  jetpack, declarative-ui, android-ui, compose, jetpack-compose
Jetpack-compose-sample
Forget about bunch of XML files for maintaining UIs. Jetpack Compose is Android’s modern toolkit for building native UI. Here is a small example to get started.
Stars: ✭ 29 (-99.18%)
Mutual labels:  jetpack, declarative-ui, compose, jetpack-compose
bitcoin-market-android
Bitcoin Market app shows you the current Bitcoin market price and price chart of different time intervals 💰
Stars: ✭ 284 (-91.92%)
Mutual labels:  jetpack, compose, jetpack-compose
PCard
Demo project to showcase adding payment card details using JetPack Compose
Stars: ✭ 61 (-98.27%)
Mutual labels:  jetpack, compose, jetpack-compose
Wiggles
🐶 Beautiful Puppy adoption app with Jetpack Compose #AndroidDevChallenge
Stars: ✭ 365 (-89.62%)
Mutual labels:  jetpack, declarative-ui, jetpack-compose
Compose-ShoppingList
Jetpack compose shopping list app
Stars: ✭ 52 (-98.52%)
Mutual labels:  jetpack, declarative-ui, jetpackcompose
neon
Provides Jetpack Compose support for different image loading libraries.
Stars: ✭ 13 (-99.63%)
Mutual labels:  jetpack, compose, jetpack-compose
samples
Jetpack Compose based project, used to stress-testing compose features / integrations and explore non-trivial functionality
Stars: ✭ 21 (-99.4%)
Mutual labels:  jetpack, compose, jetpack-compose
arkitekt
Arkitekt is a set of architectural tools based on Android Architecture Components, which gives you a solid base to implement the concise, testable and solid application.
Stars: ✭ 114 (-96.76%)
Mutual labels:  jetpack, compose, jetpack-compose
compose-charts
Simple Jetpack Compose Charts for multi-platform. Including Android, Web, Desktop.
Stars: ✭ 30 (-99.15%)
Mutual labels:  jetpack, compose, jetpack-compose
Compose-Settings
Android #JetpackCompose Settings library
Stars: ✭ 188 (-94.65%)
Mutual labels:  jetpack, compose, jetpack-compose
Delish
Delish, a Food Recipes App in Jetpack Compose and Hilt based on modern Android tech-stacks and MVI clean architecture.
Stars: ✭ 356 (-89.87%)
Mutual labels:  jetpack, compose, jetpack-compose
GitReposCompose
GitReposCompose is an Android application 📱 for showcasing Jetpack Compose for building declarative UI in Android. This demo app uses Github public API for fetching public repositories.
Stars: ✭ 32 (-99.09%)
Mutual labels:  jetpack, android-ui, jetpack-compose
ComposeBird
Flappy Bird game
Stars: ✭ 193 (-94.51%)
Mutual labels:  jetpack, compose, jetpack-compose
Jetquotes
🔖 A Quotes Application built to Demonstrate the Jetpack Compose UI
Stars: ✭ 179 (-94.91%)
Mutual labels:  declarative-ui, android-ui, compose
Einsen
🎯 Einsen is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built to Demonstrate use of Jetpack Compose with Modern Android Architecture Components & MVVM Architecture.
Stars: ✭ 821 (-76.65%)
Mutual labels:  declarative-ui, android-ui, jetpack-compose
Holi
Holi is a lightweight Jetpack Compose library of colors, gradients and cool utility functions for all your palette needs!
Stars: ✭ 160 (-95.45%)
Mutual labels:  jetpack, declarative-ui, jetpack-compose
Learn Jetpack Compose By Example
🚀 This project contains various examples that show how you would do things the "Jetpack Compose" way
Stars: ✭ 1,319 (-62.49%)
Mutual labels:  declarative-ui, android-ui, compose
PlantShopUI-Android
Check out the new style for App Design aims for the Online Plant Shop Service using jetpack compose...😉😀😁😎
Stars: ✭ 29 (-99.18%)
Mutual labels:  android-ui, jetpack-compose
View All Similar Projects ➔

ComposeCookBook

Declarative UI
A Collection of all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential.


Jetpack Compose

Jetpack 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.

Jetpack compose for Desktop:

Compose Spotify Desktop

FontAwesomeIcons in Compose:

FontAwesome Icon Library

Screens

List & Layouts Widgets and building blocks Animations Theme
Flinger

Demo UI

Spotify Instagram Demo Twitter, Gmail, Youtube Profile
Gmail full Tiktok

Apps with Api, Retrofit, Room, Flow, Livedata Integration

CryptoApp MVVM MovieApp MVI Dating APP DEMO UI Betty

Advance lists and animations

Shimmer Lists List Scroll Animations

Templates

Adding card details

Kotlin DSL Templates

You can find them in buildSrc

  • build.bradle
  • dependency
  • configurations

How to get started

Please get Android Studio Bumblebee latest Canary from here and use JDK 11 to build this project.

Features & Where to start

  • Widgets: Widgets Screen show case all the available components to build UI.
  • Home Screen: Start with Layouts, Modifiers and Simple Listviews
  • Demo UI: Learn how demo UI have been made by using layouts, listviews and widgets.
  • Animations: Animations are very interesting in compose. Checkout single value animations to get started.
  • UI Tests: Checkout UI tests to understand how we can test compose UI.
  • Others: After the above steps feel free to deep dive into Tablayouts, carousel, Dialogs and BottomSheets

Coming Soon

  • Some of the features that will be available in coming weeks
    • Advance lists: Pull Refresh, Swipe lists etc
    • Clean Architecture Sample with coroutines.
    • Advance canvas drawing. Much more in pipeline stay tuned!!

Official Documentations

Contribution Info

  • All the contributions are welcomed keeping following points in mind.
    • If it's a widget/tool/UI element newly added please add to Widget Screen
    • Any feature showcase like Collapsing AppBar, BottomSheets, Dialogs etc add in HomeScreen list
    • Any Demo UI please add to Demo UI section
    • Try not to add new Icons/Images unless must be needed.
    • Please make sure whatever you add also supports dark mode as well. Thanks happy coding

Please Share & Star the repository to keep me motivated.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].