Jetpack Compose UI components examples

Last update: Nov 28, 2022

Overview

JetExample

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

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 ⭐

Comments

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

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

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

5 Sep 29, 2022

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

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.

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

189 Nov 26, 2022

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.

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

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

14 Nov 3, 2022

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

59 Sep 27, 2022

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! ❤️

851 Jan 9, 2023

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

19 Dec 6, 2022

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

947 Dec 30, 2022

Jetpack Compose UI components examples

Related tags

Overview

JetExample

Run examples

Projects

JetPoll (WIP) 👷

Login details

Contribute

Environment

Support 😄

You might also like...

Movie application created with TMDB API, Architecture Components, Android Jetpack libraries

MVVM + Kotlin + Jetpack Compose +Navigation Compose + Hilt + Retrofit + Unit Testing + Compose Testing + Coroutines + Kotlin Flow + Io mockK

:movie_camera: Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.

Patter Lock using Hilt, Coroutines, Flow and Custom View Components based on 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. ✔

Wallpaper app made using Hilt, Retrofit, Room, Navigation Components, MVI, Coroutines, Flows, ViewModel, LiveData, Datastore Preference.

Alkaa is a to-do application project to study the latest components, architecture and tools for Android development

Wallum is a superfast ⚡ lightweight wallpaper app, built using Kotlin, Retrofit, MVVM, Paging 3, Hilt, and Navigation Components

Synth is CRED's inbuilt library for using Neumorphic components in your app.

Comments

Navigation not working

Using VectorAsset as the asset for the Icons

Owner

Gastón Saillén

It is a project that contains lessons and examples about Kotlin programming language. 🇰

Examples of Android applications

Examples for my Android GraphView library

Examples of using Torus CustomAuth Android SDK

UML model and code examples of design patterns for Kotlin/Native. The model is created with Astah.

A repository that contains various examples of how to use the telegram-bot library.

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

MovieTray - An application built to play around JetPack components.

MVVM News Application with clean code architecture & android jetpack components.

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