# Interactive Examples > Live demos mirrored as markdown with runnable Svelte source for LLMs and agents. **Source:** [https://scoped.svelte.page/examples](https://scoped.svelte.page/examples) **Markdown mirror:** [https://scoped.svelte.page/examples.md](https://scoped.svelte.page/examples.md) --- Each linked mirror includes the live page description, section notes, and fenced source for the demo components used on that page. ## Examples - [ClassValue Alias](https://scoped.svelte.page/examples/class-value-alias.md) - A prop alias example where scoped:internalClass sends parent-scoped classes to a class-like child prop. (live: [https://scoped.svelte.page/examples/class-value-alias](https://scoped.svelte.page/examples/class-value-alias), tag: `ALIAS`) - [Compound selectors](https://scoped.svelte.page/examples/compound-selector.md) - A conditionally-added class gates a compound rule on the same child element, and the marker keeps the compound and combinator selectors alive. (live: [https://scoped.svelte.page/examples/compound-selector](https://scoped.svelte.page/examples/compound-selector), tag: `COMPOUND`) - [Dynamic ClassValue](https://scoped.svelte.page/examples/dynamic-class-value.md) - A dynamic ClassValue example using arrays, object maps, derived values, and a toggle. (live: [https://scoped.svelte.page/examples/dynamic-class-value](https://scoped.svelte.page/examples/dynamic-class-value), tag: `CLASSVALUE`) - [Explicit Literal](https://scoped.svelte.page/examples/explicit-literal.md) - A literal scoped:class example where a parent-scoped class reaches a child component only when the call site opts in. (live: [https://scoped.svelte.page/examples/explicit-literal](https://scoped.svelte.page/examples/explicit-literal), tag: `SCOPED CLASS`) - [Non-ClassValue Class Prop](https://scoped.svelte.page/examples/non-class-value-class-prop.md) - A boundary example where a component prop named class is data, not a CSS ClassValue. (live: [https://scoped.svelte.page/examples/non-class-value-class-prop](https://scoped.svelte.page/examples/non-class-value-class-prop), tag: `BOUNDARY`) - [Plain Class Boundary](https://scoped.svelte.page/examples/plain-class-boundary.md) - A boundary example showing why plain component class cannot become magical without changing Svelte semantics. (live: [https://scoped.svelte.page/examples/plain-class-boundary](https://scoped.svelte.page/examples/plain-class-boundary), tag: `BOUNDARY`) - [Spread Forwarding](https://scoped.svelte.page/examples/spread-forwarding.md) - A third-level child example where a middle component forwards an already-scoped prop through a spread. (live: [https://scoped.svelte.page/examples/spread-forwarding](https://scoped.svelte.page/examples/spread-forwarding), tag: `SPREAD`) - [SSR Literal](https://scoped.svelte.page/examples/ssr-literal.md) - A server-rendered proof that scoped component classes need the parent hash before hydration. (live: [https://scoped.svelte.page/examples/ssr-literal](https://scoped.svelte.page/examples/ssr-literal), tag: `SSR`)