Jetpack Compose UI components examples

Related tags

App android jetpack-android jetpack-compose jetpack-compose-tutorial
Overview

JetExample

Compose MIT license

image

This is a repository that shows how to create different portions of UI by example. Learn how to create different Composable functions just by reading the different packages (Material, Foundation, State and more ! )

Run examples

In order to run each example, just call the Composable function inside setContent in the MainActivity, this will let you compile and see the example on screen

Projects

JetPoll (WIP) 👷

JetPoll is an interactive poll app made with Firebase and Jetpack Compose , Create, share and vote up polls. In order to run JetPoll, remember to create a firebase project and add google-services.json to the jetpoll module

The project uses

  • MVVM
  • Accompanist
  • Jetpack Compose
  • Firebase
  • Coroutines

poll

Login details

  • Username : jetpoll
  • Password: test123

Contribute

If you want to contribute with more examples, feel free to make a PR

Environment

  • At the time this examples runs on Android Studio Canary 4.2 Preview 2 (Canary 9)
  • Compiler version: 1.4.30
  • Compose version: 1.0.0-beta01

Support 😄

If this repo helped you , you can join the stargazers for this repo ⭐

You might also like...
Movie application created with TMDB API, Architecture Components, Android Jetpack libraries

MovieApp Movie application created with TMDB API, Architecture Components, Android Jetpack libraries Built With 🛠️ • Kotlin - The language used in th

Ahmet Tufan 5 Sep 29, 2022
MVVM + Kotlin + Jetpack Compose +Navigation Compose + Hilt + Retrofit + Unit Testing + Compose Testing + Coroutines + Kotlin Flow + Io mockK
MVVM + Kotlin + Jetpack Compose +Navigation Compose + Hilt + Retrofit + Unit Testing + Compose Testing + Coroutines + Kotlin Flow + Io mockK

MvvmKotlinJetpackCompose Why do we need an architecture even when you can make an app without it? let's say you created a project without any architec

Sayyed Rizwan 46 Nov 29, 2022
:movie_camera: Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.
:movie_camera: Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.

Popular Movies Stage 1 + Stage 2 Discover the most popular and top rated movies playing. Movies data fetched using themoviedb.org API. ✨ Screenshots M

Yassin AJDI 189 Nov 26, 2022
Patter Lock using Hilt, Coroutines, Flow and Custom View Components based on MVVM architecture.
Patter Lock using Hilt, Coroutines, Flow and Custom View Components based on MVVM architecture.

Pattern Lock App Sample project for created Pattern Lock View using custom view. Preview Usage Step 1 Add the PatterLockView in your XML layout file.

Furkan Özcan 5 Aug 22, 2021
🛒A Minimal Expense E-Commerce App built to demonstrate the use of modern android architecture components [Navigation, Room, MotionLayout, etc..] with MVVM Architecture. ✔
🛒A Minimal Expense E-Commerce App built to demonstrate the use of modern android architecture components [Navigation, Room, MotionLayout, etc..] with MVVM Architecture. ✔

E-Store A Simple E-Commerce App 📱 built to demonstrate the use of modern android architecture component with MVVM Architecture 🏗 . Made with love ❤️

Ameen Essa 14 Nov 3, 2022
Wallpaper app made using Hilt, Retrofit, Room, Navigation Components, MVI, Coroutines, Flows, ViewModel, LiveData, Datastore Preference.
Wallpaper app made using Hilt, Retrofit, Room, Navigation Components, MVI, Coroutines, Flows, ViewModel, LiveData, Datastore Preference.

Android Picture Engine Wallpaper app made using Hilt, Retrofit, Room, Navigation Components, MVI, Coroutines, Flows, ViewModel, LiveData, Datastore Pr

Simone Conigliaro 59 Sep 27, 2022
Alkaa is a to-do application project to study the latest components, architecture and tools for Android development
Alkaa is a to-do application project to study the latest components, architecture and tools for Android development

Alkaa (begin, start in Finnish) is a to-do application project to study the latest components, architecture and tools for Android development. The project evolved a lot since the beginning is available on Google Play! ❤️

Igor Escodro 851 Jan 9, 2023
Wallum is a superfast ⚡ lightweight wallpaper app, built using Kotlin, Retrofit, MVVM, Paging 3, Hilt, and Navigation Components
Wallum is a superfast ⚡ lightweight wallpaper app, built using Kotlin, Retrofit, MVVM, Paging 3, Hilt, and Navigation Components

Show some ❤️ and star the repo to show support for the project Wallum Android App Wallum is a super-fast 🚀 , lightweight wallpaper app built purely w

Aditya Verma 19 Dec 6, 2022
Synth is CRED's inbuilt library for using Neumorphic components in your app.
Synth is CRED's inbuilt library for using Neumorphic components in your app.

Synth Synth is CRED's inbuilt library for using Neumorphic components in your app. What really is Neumorphism? It's an impressionistic style, playing

CRED 947 Dec 30, 2022
Comments
  • Navigation not working

    Navigation not working

    I've just read your Medium article about Navigation with Compose but it does not seem to work. I'm doing this from my HomeScreen and I'm using the Navigation you used, this

    Thanks 👍

    opened by davidmarinangeli 2
  • Using VectorAsset as the asset for the Icons

    Using VectorAsset as the asset for the Icons

    Refactoring that removes the XML vector drawables in favor of Jetpack Compose Material Icons, included in the Material dependency androidx.compose.material:material.

    Also I did a small refactor creating the ListItem data class as an object that wraps the information of each BottomNavigationItem so you can simplify the logic of getting the correct icon for each section.

    opened by facundomr 1
Owner
Gastón Saillén
Senior Android Engineer @ Distillery Working @ ThriveMarket 🌱
Gastón Saillén
GitHub
It is a project that contains lessons and examples about Kotlin programming language. 🇰

Kotlin Tutorials What is Kotlin? I added the platforms it supports and great resources. You can access the article from the link below: https://medium

Halil Özel 94 Dec 22, 2022
Examples of Android applications

Android Demos This is a collection of basic android examples created by Novoda. CarouselFragment CompassExample ContactSelector CustomActivityTransiti

Novoda 2k Dec 16, 2022
Examples for my Android GraphView library

Chart and Graph Library for Android GraphView - open source graph plotting library for Android GraphView is a library for Android to programmatically

Jonas Gehring 297 Dec 16, 2022
Examples of using Torus CustomAuth Android SDK

Torus CustomAuth Android Samples Examples of using Torus CustomAuth Android SDK. Usage Clone the repository and open with Android Studio Run the app,

Minh-Phuc Tran 1 Nov 12, 2021
UML model and code examples of design patterns for Kotlin/Native. The model is created with Astah.

Design Pattern Examples in Kotlin/Native Model and code examples of GoF Design Patterns for Kotlin/Native. This project is available for the following

Takaaki Teshima 3 Jun 27, 2022
A repository that contains various examples of how to use the telegram-bot library.

Telegram-bot templates This repository contains simple different examples of how to use the telegram-bot library. How to use All the examples are conv

Jey 3 Nov 15, 2022
📚 Sample Android Components Architecture on a modular word focused on the scalability, testability and maintainability written in Kotlin, following best practices using Jetpack.

Android Components Architecture in a Modular Word Android Components Architecture in a Modular Word is a sample project that presents modern, 2020 app

Madalin Valceleanu 2.3k Jan 3, 2023
MovieTray - An application built to play around JetPack components.

Its a playground application focusing on Paging3, MVVM architecture, Kotlin Extension functions, Retrofit, DSL, Navigation component, MotionLayout, SharedElementTransition, Single Activity Architecture, DataStore etc.

Niharika Arora 98 Nov 15, 2022
MVVM News Application with clean code architecture & android jetpack components.

Android - Clean Architecture - Kotlin The purpose of this repo is to follow up Clean Architecture principles by bringing them to Android. The repo con

Rafsan Ahmad 38 Aug 8, 2022
(Coroutine, Flow(+StateFlow), Hilt, JetPack, MVVM, Repository Pattern, Retrofit2 & OkHttp3, Moshi, Glide, Timber, Material-Components)

(Coroutine, Flow(+StateFlow), Hilt, JetPack, MVVM, Repository Pattern, Retrofit2 & OkHttp3, Moshi, Glide, Timber, Material-Components)

훈성 2 Nov 15, 2022