UISet is a Jetpack Compose component library and design system for Android apps
on Meta Horizon OS. Its dark and light themes ship Meta VR typography, shapes,
density, interaction states, and semantic colors complete and usable with no
configuration. Everything public lives under metavrx.uiset.compose and its
subpackages.
It ships as the Maven artifact com.meta.metavrx.uiset:uiset-compose-compat.
This skill uses progressive disclosure: this page is the map — load the one reference file that matches your task.
Mental model
@Composable
fun AppContent(onContinue: () -> Unit) {
UiSetTheme { // dark scheme, VR typography, Standard density
Surface {
Column {
Text("Guardian", style = UiSetTheme.typography.headline)
LabelButton(label = "Continue", onClick = onContinue)
}
}
}
}
Below the theme it is ordinary Compose — Row/Column/Box from foundation,
your own state, normal recomposition. The deltas from a Material 3 app are small
but they are replacements, not additions:
| Material 3 | UISet |
|---|---|
androidx.compose.material3.MaterialTheme |
metavrx.uiset.compose.theme.UiSetTheme |
androidx.compose.material3.Text / .Icon |
metavrx.uiset.compose.Text / .Icon |
Button(onClick) { Text(…) } |
LabelButton(label, onClick) |
androidx.compose.material.icons.Icons.Filled.Add |
metavrx.uiset.compose.theme.icons.Icons.Regular.Add |
MaterialTheme.colorScheme.primary |
UiSetTheme.colorScheme.accent |
androidx.compose.material3.LocalContentColor |
metavrx.uiset.compose.LocalContentColor |
UISet does not extend Material. The names collide, the types do not — import
from metavrx.uiset.compose.* and do not mix the two in one screen.
Rules that bite
- Import from UISet, not Material.
Text,Icon,Surface,Checkbox,RadioButton,Switch,Slider,Icons,LocalContentColorall exist in both. Mixed imports compile and then render unthemed. - Icons are
@Composableproperties.Icons.Regular.Addresolves a vector resource, so reading it is a composable call — it cannot be evaluated in aval, an enum argument, or aremember { }block. Componenticon/leadingIconparameters take@Composable () -> Unitfor exactly that reason. - Item lists must be
PersistentList.Dropdown,IconDropdown, andChoiceListDialogtakePersistentList<…>from kotlinx-collections-immutable; build withpersistentListOf(…)insideremember. - Dialogs are modal and caller-controlled. Emit them under
if (showDialog) { … }and always passonDismissRequest. - Every interactive target is at least 48dp in both dimensions, whatever the
density preset or a custom
Dimensions.minimumInteractiveSizesays. Visible artwork can be smaller than its target; lay out with the target in mind. - Icon-only controls require a
contentDescription— it is a required parameter onIconButton, not an optional one. - Components read the theme through composition locals. Anything outside a
UiSetThemegets the built-in defaults and your customization never reaches it.
Read what you need
- references/components.md — which component to
reach for, what the
ButtonStyleemphasis levels mean, and the behaviour that is not visible in a signature. Start here for "which component, and what will it do that I don't expect". - references/theming.md —
UiSetTheme, the semanticColorSchemeroles, typography, shapes, density, and interaction indications, plus the customization ladder from a one-value copy to a full replacement. Read when colors or metrics need to change. - references/icons.md —
Icons.Regular, the composable-getter constraint, the icon-slot pattern, and how to find an icon. - references/integration.md — adding UISet to an Android app with Gradle and the Horizon OS manifest shape. Read when wiring the dependency, not the API.
- references/migration.md — moving off the
Spatial SDK UI Set (
com.meta.spatial:meta-spatial-sdk-uiset): the coordinate and package changes, theSpatial*rename table, and the behavioral differences. Read when the existing code saysSpatialTheme.
For exact signatures and KDoc, hover the symbol in your IDE — every public type
is documented. Outside the IDE, metavr docs api-search "<Component>" reaches
the same reference.