Jetpack Compose Gallery

Jetpack Compose Gallery is a hands-on reference app for Android developers

building with Jetpack Compose and Material 3.

Browse a curated collection of components, UI patterns, and animations — each

with live interactive previews and real Kotlin source code you can copy

directly into your project.

COMPONENTS

Buttons, Text fields, Chips, Radio buttons, Switches, Checkboxes, Sliders,

Badges, FABs, Navigation bars, Top app bars and more.

UI PATTERNS

Cards, Dialogs, Snackbars, Progress indicators, Lists, Dividers, Tooltips,

and a full Material 3 color palette viewer.

ANIMATIONS

Fade, Slide, Scale, Crossfade, animate*AsState, animateContentSize,

Infinite transitions, and Spring vs Tween spec comparisons.

KEY FEATURES

Live previews — every component is fully interactive, not just a screenshot

View source — tap "View Code" on any screen to see the exact Kotlin code

Copy to clipboard — grab any snippet with one tap

Syntax highlighting — color-coded code viewer with Catppuccin theme

Search — find any component instantly across all categories

Dark mode — full light and dark theme support

Material 3 — built entirely with the latest Material Design guidelines

BUILT WITH

Jetpack Compose

Material 3

Navigation Compose

Whether you are learning Compose for the first time or looking for a quick

reference while building your next app, Compose Gallery has you covered.