Discover and Reuse UI Components in Compose with Showcase
summary
Showcase collects all previews from a Jetpack Compose codebase, categorizes them into a component browser, and exposes APIs plus a JSON pipeline to S3 so screenshots appear in a web catalog across platforms. It generates Paparazzi tests with three lines and the repo moved from kapt to uses KSP for faster builds, while CI enforces previews as screenshot coverage so duplicate composables drop and regressions get caught.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:55Kotlin Showcase
- 3:40Kotlin Components
- 6:00Showcase
- 9:10Challenges
- 11:20Showcase Component Browser
- 12:45Working with Designers
- 14:45Screenshot Testing
- 17:00KSP
related talks
42mMaking UI Specs Visible — Compose Screenshot Testing and a Gallery to Support the AI Agent Era
40mUnderstand the mechanism! Screenshot-testing Compose previews in many variations
34mMastering Jetpack Compose Previews - Test your UI before it tests you!
41mCompose by Example
19mLet's Preview！ Jetpack Compose
43mPreview Driven Development
01h 12mJetpack Compose — live coding declarative UI
23mAll your Compose @Previews to screenshot tests without instrumentation