Concept frame

Symbolic currentColor SVG frame for editorial and educational explainers.

Concept frames identify an interface, artifact, model, or system without pretending to be a product screenshot.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

Default

Frame atlas with generic symbolic content.

Selected

Focused frame state.

Muted

Background context state.

Props

Name	Type	Default	Description
`kind`	`ConceptFrameKind`	`browser-window`	Symbolic frame asset name.
`size`	`'small' \| 'medium' \| 'large'`	`medium`	SVG display scale.
`selected`	`boolean`	`false`	Promotes the frame for focused explainer states.
`muted`	`boolean`	`false`	Subdues the frame for background context.
`title`	`string`	-	Optional accessible title.