Build UI for AI glasses with Jetpack Compose Glimmer

Applicable XR devices

This guidance helps you build experiences for these types of XR devices.

Learn about XR device types →

Learn about XR device types →

Jetpack Compose Glimmer is a Compose UI toolkit for building augmented Android XR experiences, optimized for display AI Glasses. Build beautiful, minimal, and comfortable UI for devices that are worn all day. Jetpack Compose Glimmer optimizes the developer experience by handling many complexities behind the scenes.

Here are the main features of Jetpack Compose Glimmer:

• Glasses-specific theming: Jetpack Compose Glimmer's design language features a simplified theme for optimal visibility on AI glasses with a display.
• Wearable-specific visual behavior: Jetpack Compose Glimmer offers its own specific focus indicators and visual feedback that are better suited for AI glasses, differing from typical Android behaviors like ripples and overscroll effects.
• Built on Jetpack Compose, allowing for pre-compatible input: The Jetpack Compose Glimmer library leverages lower-level Compose features to support user input methods like tap and swipe by default.
• Pre-built components and extensibility: Jetpack Compose Glimmer offers prebuilt composables and components like cards and lists for common use cases, while also being extensible for more custom needs.

This guide explains the following areas:

• What's included in Jetpack Compose Glimmer
• Jetpack Compose Glimmer components, including the following:
  • Text
  • Icons
  • Title chips
  • Cards
  • Lists
  • Buttons
• Focus in Jetpack Compose Glimmer

This guide assumes you're familiar with the following concepts:

• Jetpack Compose, especially composables, modifiers, and state