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.