compose-preview Remote Compose Material 3

Status

Settings

Page theme Match the preview theme Follow my system

Selecting a Light or Dark preview theme paints this page to match. Choose Follow my system to keep the page on your operating system's setting.

Keyboard Power-user navigation

Jump between components, variants, modes, and overrides with shortcuts and an on-screen command palette.

App Card

appcard__ideal__outlined-content-image__compact 22 views

Revision b370b4ea b370b4ea pinned

App card with app name, icon and content slots.

Pinned to catalog revision b370b4ea — these pixels cannot change. view current

Issues#157#293closed

#138 Parity visual scores are dominated by framing, not divergence — fixed on :catalog, still open on :remote-catalogclosed · parity:upstream
#157 Upstream: `RemoteAppCard` still lacks a painter overload, leaving two Background Image cells unreachableopen · parity:upstream
#284 Outline card is missing the borderclosed · parity:upstream
#292 18 `:remote-catalog` cells have no `:catalog` counterpart, so the compare wall pairs them with a fallbackclosed · area:component · parity:catalog
#293 Upstream: `RemoteTitleCard` remains narrower than filled after receiving `RemoteBorderStroke`open · area:component · parity:upstream
#294 `:remote-catalog`: four fixture divergences make the compare page report content differences as component defectsclosed · area:preview · parity:catalog

index as of 2026-10-02 09:23 UTC

spec diff → Pinned revision: Theme overrides are not applied; Source, SVG, and 3D use the current catalog and are unavailable.

App Card

View

Choose backdrop

Size

Size mode

Locale & text

Locale Font scale: default

Overrides

Declared overrides — static bundle, values are baked in.

style appImage content

Compare17 variants of App Card, against Figma

FigmaRemote Compose Material 3Match
ideal/content-image/compact79.6%diff →
ideal/default/compact80.2%diff →
ideal/gallery-1/compact88.5%diff →
ideal/gallery-2/compact87.0%diff →
ideal/icon-content-image/compact80.2%diff →
ideal/icon-gallery-1/compact88.8%diff →
ideal/icon-gallery-2/compact87.2%diff →
ideal/icon-outlined-content-image/compact80.0%diff →
ideal/icon-outlined-gallery-1/compact88.5%diff →
ideal/icon-outlined-gallery-2/compact86.7%diff →
ideal/icon-outlined/compact78.8%diff →
ideal/icon/compact80.1%diff →
ideal/no-app-image/compactnot scored
ideal/outlined-content-image/compacton the stage79.8%diff →
ideal/outlined-gallery-1/compact88.2%diff →
ideal/outlined-gallery-2/compact86.5%diff →
ideal/outlined/compact78.7%diff →

every component →

Pre-rendered snapshot — overrides (size, locale, font scale) need the live server, not a published catalog. Enable a local preview server.

report a catalog issue

Export PNG Download