Showkase is an Android library developed by Airbnb that helps teams organize, visualize, and manage their Jetpack Compose UI components through an automatically generated component browser. It uses annotation processing to scan the codebase and build a structured interface where developers can explore all composables, colors, and typography in one place. This significantly improves discoverability and reuse of UI elements, which is often a major challenge in large codebases with hundreds of components. Showkase also renders components under different conditions such as dark mode, right-to-left layouts, and scaled fonts, allowing developers to identify issues early in the development process. It integrates seamlessly with existing Compose workflows, including support for preview annotations, and requires minimal configuration to get started.
Features
- Automatic UI component browser generation
- Annotation-based configuration
- Visualization of composables colors and typography
- Support for dark mode RTL and font scaling previews
- Integration with Jetpack Compose previews
- Multi-module and search support