70+ Jetpack Compose Projects For Beginners And Experts

Building hands-on jetpack compose projects will help you achieve practical coding skills. One step at a time, you’ll be putting your theoretical knowledge to use and build an impressive portfolio.

In this project-based learning guide, You’ll find sample projects with step-by-step instructions, video tutorials, and source code that’ll take you through building some cool, interesting, unique, and real-world projects using Jetpack Compose from scratch.

You can also contribute to these projects that are under development or have some issues.

Table Of Contents 👉

Best Jetpack Compose Examples And Projects With Source Code

  • Wiggles – Pet Adoption App
  • Note Taking App
  • Twitter using Jetpack Compose
  • Disney App using Jetpack Compose
  • Music Player with Jetpack Compose
  • Stack Overflow using Compose
  • Delish – A Recipe App using Compose
  • Pokedex App using Jetpack Compose
  • Jet Delivery App
  • Spotiflyer – Multi-Platform Music Downloader App

70+ Jetpack Compose Samples, Open Source Projects, And Examples Are As Follows

Jetpack Compose Projects

Compose Tetris

Summary of this Project: A Tetris game fully built using Jetpack Compose, almost all UI elements are created by code, including the following app icon, which is also generated by Composable with Preview.

Other stacks and features used to create this example are MVI architecture, Simulate appearance of LCD screen, and more.

DemoSource Code

Wiggles – Pet Adoption App

Jetpack Compose Projects

Summary: Beautiful Puppy adoption app built to Demonstrate the Jetpack Compose UI for Android Dev Challenge.

This project is built with Kotlin, Jetpack Compose, Android Architecture Components, Jetpack Compose Navigation, Material Components for Android, and Figma.

In this list, this is considered one of the best Android app development projects built using Jetpack Compose for beginners and advanced developers

Demo & Source Code

Twidere X – Twitter using Jetpack Compose

Project Summary: This project is still under development. The creator says we need to improve a lot and a lot to add in this app.

If you don’t want to build whole app, you can contribute to this project. The app has a modern material design, dark mode, multiple account support, and more.

Demo & Source Code

WhatsApp using Jetpack Compose

Project Summary: An example project to demonstrate how to build WhatsApp using Jetpack Compose. If you want to get started with Jetpack Compose, then this project is for you.

In this project, Common use cases of Jetpack Compose have been implemented like working with List, Using Coroutines, etc. You’ll also learn how to work with multiple screens in Jetpack Compose.

Demo & Source Code

Note Taking App

Jetpack Compose Example

About this Project: This is a basic note-taking application designed to showcase the utilization of modern Android development tools such as Kotlin, Coroutines, State Flow, Hilt for Dependency Injection, etc.

It is widely regarded as one of the top Android app development projects utilizing Jetpack Compose, suitable for both beginners and advanced developers.

Demo, Tutorial & Code

Flux – A Weather App

Summary of this Project: A dummy weather app with a dynamic landscape varying over time using Jetpack Compose.

It’s composed of a day/night cycle, multiple layers for the background, and a particle generator for rain, snow, and clouds. It also draws random lightning when there is a thunderstorm.

DemoSource Code

Podcast App

Summary: Create your own Android podcast app with Jetpack Compose and ExoPlayer. Using the sample project, you can build an app with modern stacks like Jetpack Compose UI which provides custom animations, transitions, light/dark themes, layouts, and dependency injection with Hilt and MVVM Architecture.

DemoSource Code

Spotiflyer – Multi-Platform Music Downloader App

Jetpack Compose Example

Summary of this Project: Build your own music downloader app using Jetpack Compose and other modern tech stacks.

The sample project attached below will help you to create your own music downloader.

Currently, the sample project supports Spotify, Gaana, YouTube, YT Music, Jio-Saavn and more are coming soon.

DemoSource Code

McCompose – McDonald’s App

About this Project: In this project, you’re going to build a McDonald’s App with JetPack Compose and other modern tech stacks. For more details, check out the below links.

Demo & Source Code

Delish – A Recipe App using Compose

Jetpack Compose Projects

Summary of this Project: Delish is a Food Recipes App built with Jetpack Compose and Hilt. It is based on modern Android tech stacks and MVVM clean architecture.

Demos & Source Code

Disney App using Jetpack Compose

Project Summary: A demo Disney app using compose and Hilt based on modern Android tech stacks and MVVM architecture.

The tech stacks and open-source libraries used in creating this project are hilts, flow, coroutines, accompanist, landscapist, orchestra-balloon, sandwich, what if, timber, and more.

Demos & Source Code

Recommended Stories:

  • Are You Looking For App Development Projects? If Yes, Then You Must Check Out This Collection Of New Flutter Projects For Intermediate, Beginners And Final Year Students: 70+ New Flutter Projects With Source Code

Spelling Bee Game

Summary of this Project: It’s a simple project, suitable for absolute beginners. The game is created using Jetpack Compose and other modern tech stacks. Give it a try or check out more about this project from the below-given link.

Demos & Source Code

Alkaa – Task Manager App

About this Project: Alkaa is a to-do application sample project to study the latest components, architecture, and tools for Android development. The project evolved a lot since the beginning and it is available on Google Play.

Check out the Codes, Instructions, and Demos from the below link. In this list, this is considered one of the best Android app development projects built using Jetpack Compose for beginners and advanced developers.

Demo & Source Code

JetInstagram App

Project Summary: JetInstagram is an Instagram UI clone app built with Jetpack Compose. This sample example showcases the home screen, post-like button animation, photo-like animation, etc. Currently this project is not fully complete as some screens are not yet implemented.

Demo & Source Code

JetCaster App

Summary: Jetcaster is a sample podcast app, built with Jetpack Compose. The goal of the sample is to showcase dynamic theming and full-featured architecture.

The app is built in a Redux style, where each UI ‘screen’ has its own ViewModel, which exposes a single StateFlow containing the entire view state.

DemoSource Code

Jet Timer

Jetpack Compose Samples

Summary: Timer app clone built with Jetpack Compose and Hilt. The purpose of this project is to try new Android technologies and learn how they work in an app.

If you want to learn to compose by building a project, check out this from the links given below

Demo & Code

JetHub

Summary of this Project: JetHub is a sample app using Github API and Jetpack components. The purpose of this project is to try new Android technologies and learn how they work in an app.

If you want to learn to compose by building a project, check out this from the links given below

DemoSource Code

Clock of Clocks

Project Summary: Want to build a clock in your own language in a unique form? If yes, then this project is for you.

In this sample project, the author has created a clock with Jetpack Compose in the Persian language. Check out the demo, code, and other details here

DemoSource Code

Stack using Compose

Summary: Stack is an Android app for browsing Stack Overflow and other Stack Exchange sites. Features added to this app are

  • View question and answer details rendered in rich Markdown.
  • Bookmark your favorite questions to save for later.
  • Answer and vote for questions asked by the Stack Exchange communities.
  • Easily switch between Stack Exchange sites to find the community you’re looking for.
  • What’s more? Check out the demo and codes.
Demo & Source Code

Cookbook App using Compose

About this Project: In this Jetpack Compose project, you’ll learn to use the new declarative UI framework being developed by the Android team by creating a cookbook app. Check out more from here

Demo, Tutorial & Code

Pokedex App using Jetpack Compose

Jetpack Compose Example

Summary: In this project, You will learn about retrofit setup, search bar & list screen, list entries and list view model, pagination, and more by creating a Pokedex app using Jetpack compose.

The project is still under development. Learn more about this jetpack compose project at the below-given link.

Tutorials & DemoCode

BikeShare

Project Summary: Jetpack Compose and SwiftUI-based Kotlin Multiplatform project (using Citybikes API). Note that, due to use of Jetpack Compose, Android Studio Arctic Fox is required to build/run the Android client.

The iOS and macOS clients have been tested in the latest released version of XCode (currently 12.4).

Demo, Tutorial & Code

JetNews App

About this Project: JetNews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose.

This sample contains three screens: a list of articles, a detail page for articles, and a page to subscribe to topics of interest.

DemoSource Code

Chesso – A Chess App

Summary of this Project: Chesso is an animated, Jetpack Compose-based chess app aimed at beginners and intermediate players for studying purposes.

Its distinctive key feature is the ability to show visualization layers on top of the board. Check out more about this jetpack compose project this app from the given links here

DemoSource Code

Jet Survey App

Summary: Jetsurvey is a sample survey app, built with Jetpack Compose. The goal of the sample is to showcase text input, validation, and state capabilities of Compose.

This sample contains several screens: a welcome screen, where the user can enter their email, sign in and sign up screens and a survey screen.

The app has light and dark themes. Check out more about this jetpack compose project from the below links

DemoSource Code

Sunflower App using Compose

Summary: A gardening app illustrating Android development best practices with Android Jetpack. This sample project showcases jetpack compose working in an existing app: including integration with strings, resources, themes, and styles. It also shows integration with an existing architecture based on Jetpack libraries and more.

Demo & Source Code

Droikagi – Multipurpose App using Compose

Project Summary: Learn how to build a multipurpose app using compose through this sample project.

The tech stacks used in this project are Jetpack Compose, Kotlin Coroutines & Flows, Dagger Hilt, DataStore, Kotlin Multiplatform, and more.

Check out more details about this project from the links given below.

Demo & Source Code

Google’s Owl – Material Design Study App

Summary of this Project: This sample is a Jetpack Compose implementation of Owl, a Material Design study.

This sample project showcases Material theming & light/dark themes, Custom layout, Animation, and more. Try out this project from the link given here

Demo & Code

Recommended Posts:

Jet Delivery

Project Summary: Jet Delivery is a sample food delivery app, built with Jetpack Compose. This app showcases Server-driven UI and Building apps using Jetpack Compose.

In this list, this is considered one of the best Android app development projects built using Jetpack Compose for beginners and advanced developers.

The author has explained everything in an article which you can find from the link given here

Demo & CodeTutorial

Harry Potter App using Compose

Summary: The Sample Harry Potter application is based on MVVM architecture (View Model, Live Data, Repository, Coroutines, Koin or Dagger-Hilt, Compose).

Check out all the essential instructions, modern tech stacks, and libraries used to create this project, from the links given here

Demo & Code

Plasma Movie App using Compose

Project Summary: An Android Application was written using the latest Android Jetpack components and best practices, which displays trending movies/TV shows and cast, Users can search movies and TV shows and also add them to watchlist.

This Benchmark App is built using the latest Android tools and Jetpack libraries which includes Jetpack Compose, Jetpack DataStore, Jetpack Room, Kotlin Coroutines, etc.

Demo & Source Code

Facebook Timeline UI using Compose

Summary: In this project, you’re going to build Facebook Timeline UI using Jetpack Compose. This project is for absolute beginners. Learn about different concepts by creating a screen. Check out more from the below-given links

Demo & Source Code

Coffee Drinks App with Jetpack Compose

About this Project: The Coffee Drinks is an Android application created for playing with the Jetpack Compose framework.

The features added in this sample project are Demonstrating a list of coffee drinks, User can mark/unmark coffee drinks as favorites, User can read information about each coffee drink, etc.

Demo & Source Code

2048 Game using Jetpack Compose

Summary: In this project, You’re going to develop a popular game named 2048 using Jetpack Compose. Learn more about this project from the links given below

DemoSource Code

Gear VPN App

Project Summary: A VPN client for Android based on OpenVPN made with Jetpack Compose. Check out all the modern stacks, libraries, code, and other essential stuff required to build this project from the links given here

DemoSource Code

Chat App with Jetpack Compose

About this Project: You might be wondering why you’re going to build a Compose Chat app when there’s an official Google sample, Jetchat, which is also a chat app using Compose.

That sample is a basic UI demo with a small bit of hardcoded data. Here, you’re going to build a real, functional chat app instead that’s hooked up to a real-time backend service.

TutorialDemo & Code

Compose Snake Game

Summary of this Project: In this project, you’re going to create a simple snake game using Compose. This project is for absolute beginners. Take a look at the demo and try out this game on your own from the links given below

DemoSource Code

People In Space

Summary: In this project, you’re going to build an app that shows how many people are in space, their personal details, positions, and other things.

This project makes use of Open Notify PeopleInSpace API to show a list of people currently in space and also the position of the International Space Station.

Demo & Code

Top Corn 2 – Movie Listing App

Jetpack Compose Example

Summary of this Project: A minimalistic movie listing app to browse IMDB’s top 250 movies, built to demonstrate MVVM with Jetpack Compose.

In this list, this is considered one of the best Android app development projects built using Jetpack Compose for beginners and advanced developers.

Check out more about this jetpack compose project from the link.

Demo & Code

HeyBooks App

Project Summary: HeyBooks is a sample application built to demonstrate the use of Jetpack Compose UI Toolkit with modern Android architecture components!

This sample project will help you to learn about Jetpack compose, UI/UX design – Ideation process, MVVM architecture, Dagger hilt, Kotlin serialization, compose navigation, and much more.

TutorialDemo & Code

Flappy Bird

Project Summary: In this project, You’re going to build a simple Flappy Bird game with Jetpack Compose.

The sample project is still under development, but still you can use code, architecture, and other tech stacks used to create this example.

Check out everything about this project in detail from the links given below

Source Code

NotyKT – A Note Talking App

About this Project: NotyKT is the complete Kotlin-stack note-taking application built to demonstrate the use of Kotlin programming language in server-side and Modern Android development tools. Check out more from the links given below

DemoSource Code

Sudoku Game using Jetpack Compose

Summary of this Project: A Sudoku game for Android written with Jetpack Compose Multiplatform. In this project, the developer has created a minimalistic multi-platform View Model implementation using Mavericks State Store.

Demo & Source Code

Chrome’s Dino T-Rex Game

Summary: In this project, You’re going to build chrome’s Dino T-rex game using Jetpack Compose. This project is for absolute beginners. So, try out this simple game project from the links given below

DemoSource Code

Newton’s Timer App

About this Project: Newton’s Timer is a simple timer app inspired by Newton’s Cradle. It is created with Jetpack Compose and other modern tech stacks. Check out other details about this project from the links given below

DemoTutorial & Code

Login Template

Summary of this Project: Android login template created with jetpack compose, navigation component, and firebase. It supports three login methods email, google, and phone number. For more details about this project, click on the links given below

DemoSource Code

Tinder App

About this Project: A Tinder-like app example built on Jetpack Compose, MVI, StateFlow, Room, and Hilt. Build your own using this sample project. Check out everything about this project in detail from the link given below

Demo & Source Code

PacMan Game

Summary: In this game-based project, you’re going to build a simple Pacman-style game using Jetpack Compose.

The sample project attached below is still under development but the creator of this project will show you the key elements of putting it all together. Check out more from the below-given links

TutorialDemo & Code

WallPortal – Wallpaper App with jetpack Compose

Project Summary: WallPortal is a Native Android wallpaper application written in Kotlin using Jetpack Compose. Using this sample project, you can create your own wallpaper app from scratch using Compose.

The creator has already provided all the details regarding tech stacks used, code, and other technical details required to create this project.

Demo & Source Code

JetFlix – A Movie Listing App

About this Project: Jetflix is a Movie listing app created using TheMovieDb API and Jetpack Compose. It is based on MVVM architecture with Dagger Hilt.

The other tech stacks used to create this project are stateflow, accompanist, retrofit, okhttp, etc.

DemoSource Code

Breaking Bad App

About this Project: A simple app in which all character’s image and their details are shown in a Pinterest form. If you’re an absolute beginner and searching for some basic sample projects using Jetpack Compose, then this example is for you.

DemoSource Code

Retro Game using Compose

Project Summary: Build your own customized version of this retro game using Jetpack compose from scratch. This project is also suitable for beginners.

So, If you’re a newbie and searching for some basic sample project, then this example is for you.

DemoSource Code

Taiga – Project Management App

About this Project: This is an unofficial Android app for taiga.io (agile project management system) built with Jetpack Compose (a brand new UI toolkit from Google).

The project is still not fully completed and will be updated soon with new features. For further assistance, go through the links given below

DemoSource Code

JetQuotes – Quotes Application

Project Summary: Create your own quotes application with Jetpack Compose and other modern tech stacks. This sample example will help you to build your own quotes app from scratch. The project is available in both versions, i.e. desktop and Android.

DemoSource Code

Compose PhotoApp

Project Summary: It’s a simple demo project to showcase the possibilities of Jetpack Compose. This project is also suitable for beginners.

So, If you’re a newbie and searching for some basic sample project, then this example is for you. Check out more from the links given below

DemoSource Code

YAHN – Yet Hacker News App

Summary: Yet another Hacker News App is an Android app built using Jetpack Compose. The primary focus is on privacy, simplicity, and performance. It utilizes modern Android libraries and frameworks including Jetpack Compose, Kotlin coroutines, kotlinx serialization, and Ktor.

If you want to build a news app like Hacker News with Jetpack Compose then try out this project. In this list, this is considered one of the best Android app development projects built using Jetpack Compose for beginners and advanced developers.

Demo & Source Code

Crane – A Travel App

Summary: Crane is a travel app part of the Material Studies built with Jetpack Compose.

The goal of the sample app is to showcase Material components, draggable UI elements, Android Views inside Compose, and UI state handling.

To try out this sample app, you need to use Android Studio Arctic Fox. For further details, visit the given links

Demo & Source Code

Now, you’re all set to learn Jetpack Compose using real projects. Hope these example projects made by industry experts as well as intermediate developers will be helpful for you. If you are a newbie and haven’t yet started learning about Compose,

We have a few expert-recommended resources for you. The resources are Jetpack Compose Tutorial for Android: Getting Started by Alex Sullivan (Raywenderlich Team), Understanding Jetpack Compose by Android Developers, Jetpack Compose Tutorials by Coding With Miltch, and Jetpack Compose by Phillip Lackner.

Help Someone By Sharing This Article