Skip to content

/ ComposeCookBook

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

MIT License
910 stars 52 forks
Star
Watch
master
4 branches 2 tags
Go to file
Code
Clone

Use Git or checkout with SVN using the web URL.

Latest commit

@hfrsoussama
hfrsoussama Added tests to Home Screen entries (#22)
84b53e6 Oct 30, 2020
Added tests to Home Screen entries (#22) 
- Added tests with custom Compose Node Filter
- Added JUnit 5 dependency for unit tests

Closes #21
84b53e6

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
.github/ISSUE_TEMPLATE
Update issue templates
Oct 28, 2020
.idea
Added tests to Home Screen entries (#22)
Oct 30, 2020
app
Added tests to Home Screen entries (#22)
Oct 30, 2020
gradle/wrapper
Upgraded to Android Gradle Plugin 4.2.0-alpha15 (#19)
Oct 28, 2020
screens
logo
Sep 9, 2020
.gitignore
conposecookbook ready v1
Sep 6, 2020
LICENSE
Create LICENSE
Sep 9, 2020
README.md
Upgraded to Android Gradle Plugin 4.2.0-alpha15 (#19)
Oct 28, 2020
build.gradle
Added tests to Home Screen entries (#22)
Oct 30, 2020
gradle.properties
conposecookbook ready v1
Sep 6, 2020
gradlew
added lottie view hosted
Oct 5, 2020
gradlew.bat
conposecookbook ready v1
Sep 6, 2020
settings.gradle
conposecookbook ready v1
Sep 6, 2020

README.md

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.

Screens

List & Layouts Widgets and building blocks Animations

Demo UI

Spotify Instagram Demo Twitter, Gmail, Youtube Profile

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

CryptoApp MVVM MovieApp MVI Dating APP DEMO UI

Advance lists and animations

Shimmer Lists List Scroll Animations Pull Refresh/Swipe List
In progres

How to get started

Please get android studio 4.2 canary 15 or above to build this project from here.

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

About

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

Topics

jetpack jetpack-compose compose android android-ui kotlin kotlin-android declarative-ui jetpackcompose

Resources

Readme

License

MIT License

Releases 2

Theming Latest
Oct 22, 2020
+ 1 release

Packages

No packages published

Contributors 6

Languages

You can’t perform that action at this time.