Fast
M3 Svelte uses minimal CSS, JS, and elements to keep your sites running smooth.
M3 Svelte implements the Material 3 design system in Svelte, from the components to the animations to the theming.
M3 Svelte uses minimal CSS, JS, and elements to keep your sites running smooth.
Even in some edge cases like being printed, used in high contrast mode, or with JS off, most of M3 Svelte is still usable.
| Elevated | |
| No icon | |
| Enabled |
| Single-select |
| Primary | |
| Normal |
| Elevated | |
| Not clickable |
| #if animated |
| 1 line | |
| <div> |
This is a headline
This is a headline
| Linear | |
| Fixed progress |
| No icons |
| Animation 1 | |
| Enabled |
| Animated | |
| Enabled |
| Enabled |
| Continuous | |
| Enabled |
| Filled | |
| Text | |
| No leading icon | |
| Not errored | |
| Enabled |
| Input | |
| No icon | |
| Enabled |
| Primary | |
| No icons | |
| Fixed |