whatisgithub

What is jetpack-compose-tutorials?

smarttoolfactory/jetpack-compose-tutorials — explained in plain English

Analysis updated 2026-05-18

3,646KotlinAudience · developerComplexity · 2/5Setup · easy

In one sentence

A hands-on tutorial series that teaches Android developers how to build UIs with Jetpack Compose.

Mindmap

mindmap
  root((Compose Tutorials))
    What it does
      Hands-on Compose lessons
      Numbered chapters
      Companion search app
    Tech stack
      Kotlin
      Jetpack Compose
    Use cases
      Learn layouts
      Study state and animation
      Recreate app UIs
    Audience
      Android developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Learn the basics of Jetpack Compose layouts like rows and columns

USE CASE 2

Study how Compose handles state, animation, and gestures

USE CASE 3

See how to recreate real app UIs like WhatsApp using Compose

USE CASE 4

Browse tutorials by tag in a companion Android app

What is it built with?

KotlinJetpack ComposeAndroid

How does it compare?

smarttoolfactory/jetpack-compose-tutorialsfoso/jetpack-compose-playgroundedvin/tornadofx
Stars3,6463,6443,640
LanguageKotlinKotlinKotlin
Setup difficultyeasyeasymoderate
Complexity2/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min
The README does not state a license.

So what is it?

This repository is a hands-on tutorial series for learning Jetpack Compose, the modern toolkit Google provides for building Android app user interfaces. Jetpack Compose replaces the older XML-based way of describing Android layouts with a code-first approach where you write Kotlin functions that describe what the screen should look like. Each tutorial in this collection covers a specific topic with working code examples, and an accompanying Android app lets you search through all the tutorials by tag or description and see each one running on a device. The tutorials are organized into numbered chapters. The early chapters cover the basic building blocks: arranging things in rows and columns, adding clickable surfaces, and controlling how elements look with modifiers. Later chapters move into the standard UI controls that come with Material Design, such as text fields, buttons, image components, and scrollable lists. The README shows each tutorial with a screenshot or animated preview so you can see the end result before reading the code. Beyond the basics, the series covers more advanced territory: how Compose handles state (the mechanism that causes the screen to update when data changes), animations, gesture detection, drawing with Canvas (a low-level drawing surface), and navigation between screens. There are also tutorials on SubcomposeLayout and custom layout systems, which are topics a developer would reach after getting comfortable with the standard components. Some chapters focus on recreating real-world app interfaces as exercises, with WhatsApp screens mentioned as one example. This kind of practical recreation helps developers understand how multiple Compose concepts combine in a realistic context. The code is structured so each chapter is a self-contained module, making it easy to look at one topic without loading the entire project. The tutorials are written in Kotlin, the primary language for Android development. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
Walk me through the basic building blocks of Jetpack Compose using this repo's early tutorials.
Prompt 2
Show me how state works in Jetpack Compose based on the examples in this repo.
Prompt 3
How would I recreate a WhatsApp-style screen using the patterns in this tutorial series?
Prompt 4
Explain SubcomposeLayout and custom layouts using this repo's advanced tutorials.

Frequently asked questions

What is jetpack-compose-tutorials?

A hands-on tutorial series that teaches Android developers how to build UIs with Jetpack Compose.

What language is jetpack-compose-tutorials written in?

Mainly Kotlin. The stack also includes Kotlin, Jetpack Compose, Android.

What license does jetpack-compose-tutorials use?

The README does not state a license.

How hard is jetpack-compose-tutorials to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is jetpack-compose-tutorials for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.