Giter Club home page Giter Club logo

composecookbook's Introduction

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.

composecookbook's People

Contributors

gurupreet avatar wiryadev avatar gerardpaligot avatar iamjosephmj avatar yogeshpaliyal avatar kevinjom avatar subashz avatar fannydemey avatar mitchtabian avatar randheer094 avatar oussamahaff avatar tbt-hassan avatar abbasiehsan1991 avatar charlee-dev avatar amaurymedeiros avatar androiddevnotes avatar ankurg22 avatar iambaljeet avatar mahmoudmabrok avatar elbehiry avatar gur308 avatar hasanforaty avatar xfront avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.