Build UI for display 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 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 display glasses.
• Wearable-specific visual behavior: Jetpack Compose Glimmer offers its own specific focus indicators and visual feedback that are better suited for display glasses, differing from typical Android behaviors like ripples and overscroll effects.
• Built on Jetpack Compose: The Jetpack 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:
  • Buttons
  • Cards
  • Icons
  • Icon buttons
  • Lists
  • List items
  • Surfaces
  • Text
  • Toggle buttons
  • Title Chips
  • Vertical stacks
• Theming in Jetpack Compose Glimmer:
  • Colors
  • Shapes
• Input from both audio glasses and display glasses:
  • Focus
  • For receiving input: Handle indirect pointer inputs
• Preview your Jetpack Compose Glimmer UI with composable previews

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

• Jetpack Compose, especially composables, modifiers, and state