UI Toolkit for Meta Ray-Ban Display surfaces and media

Read ../building-uit-interfaces-web/references/content-surfaces-media.md. Apply uit-materials-web for custom paint or color.

Read references/surface-media-components.md for prop-level composition and media-layer behavior.

Choose correctly

• Semantic component first.
• Container: whole custom content region is one interactive target.
• StaticContainer: non-interactive material renderer in an explicit visual state.
• Panel: one backdrop behind a coherent informational region; use its documented semantic corner-radius and content-inset tokens.
• Surface: uncommon lower-emphasis secondary interactive surface; avoid for new primary work.
• Card: featured arbitrary content as one destination, optionally over media/scrims.