Jetpack Compose gallery

Compose Playground

Material 3 components, rendered as real Compose screens.

A browsable catalogue for Jetpack Compose and Material 3: 52 components across 11 groups, each with a detail page, written description, related links, live demo, and expandable Kotlin source.

Browse groups View screenshots Source on GitHub

Compose Playground home screen in light theme.

Compose Playground home screen in dark theme.

52: components
11: groups
35: compile SDK
24: minimum SDK

Snapshot backed

The screenshots are the real UI.

The gallery is backed by Paparazzi snapshots rendered on the JVM, so the documentation images and the regression tests come from the same Compose surfaces.

Button component detail screen from Compose Playground. — Button

Text field component detail screen from Compose Playground. — Text Field

Lazy grid component detail screen from Compose Playground. — Lazy Grid

Gradients component detail screen from Compose Playground. — Gradients

Component catalogue

Eleven groups, one searchable app.

Browse by group or search across the whole catalogue. Each component keeps its demo and Kotlin source together, which makes examples easy to inspect and copy.

Actions

Button, Floating Action Button, Icon Button

Communication

Badge, Dialog, Progress Indicators, Snackbar, Tooltip

Containment

Card, Divider, List Item, Modal Bottom Sheet

Navigation

Bars, drawer, rail, menu, tabs

Selection and inputs

Checkbox, chip, pickers, radio, segmented button, slider, switch

Text and fields

Text and Typography, Text Field

Layout

Box, Row and Column, Spacer, Surface

Lists and grids

Lazy lists, grids, pager, staggered grid

Animation

animateAsState, AnimatedContent, visibility, crossfade, infinite transition

Gestures and scroll

Clickable, draggable, pull to refresh, scroll, swipe, transformable

Graphics and drawing

Canvas, draw modifiers, gradients, shapes and clipping

Stack

A Compose app with docs discipline.

The app is Kotlin 2.0.21, Jetpack Compose with Material 3, Navigation Compose, AGP 8.7.3, and Gradle 8.9. It uses fledge, spec-sync, GitHub Actions, and a self-hosted macOS runner for the project workflow.

This CorvidLabs page now owns the public product entry point. The older GitHub Pages deployment can remain an implementation detail, but the site catalogue should keep visitors on corvidlabs.xyz.

stack
language     Kotlin 2.0.21
ui           Jetpack Compose + Material 3
navigation   Navigation Compose
snapshots    Paparazzi, JVM, no device
build        AGP 8.7.3 / Gradle 8.9
sdk          compileSdk 35 / minSdk 24

Keep the playground under CorvidLabs.

Project discovery, catalogue context, screenshots, and source links now start here on the apex site.

Back to projects GitHub source