Material Design 3 — Svelte / SMUI

Overview

SMUI (Svelte Material UI) wraps Google's MDC-Web foundation logic in Svelte-native components. Evolving towards M3 with MDC v10 integration. Svelte 5 compatible (v8+). Alternatively, use @material/web directly — Svelte has excellent Custom Elements support.

Keywords: Material Design 3, M3, Svelte, SMUI, Svelte Material UI, SvelteKit, web components, MDC

When to Use

• Svelte or SvelteKit projects
• When you want Svelte-native Material components
• Projects that can also use @material/web directly (Svelte handles Custom Elements well)

Install (SMUI)

npm install svelte-material-ui