TastefulKit 2 views · 24h
← UI libraries

Svelte Material UI

Material Design components and actions for Svelte, with individual packages, Sass themes, TypeScript definitions and documented SvelteKit integration.

Svelte
Visit library ↗ GitHub repository ↗

Working with this library

Checked 2026-10-21 against official website/docs/repository. Apache-2.0 source verified in hperrin/svelte-material-ui. SMUI v8 and later require Svelte 5; Svelte 4 users need v7. Current v9 removes the old @material packages. Install individual @smui packages such as @smui/button and import their Svelte components. Supply a default compiled theme or build a custom Sass theme; fonts and icons need separate setup. Official docs cover SvelteKit, RTL, forwarded attributes, actions and event modifiers. Editorial: a useful alternative to Tailwind-based Svelte kits when Material patterns and theme compilation fit the product. Accessibility, SSR and touch-target statements are upstream claims, not independently tested guarantees. No paid core plan found. Desktop evidence uses a genuine 1440x2700 viewport to expose the site-specific inner content section completely; 390px mobile retains its native scroll container.

Pricing

Public core

Free

Verified public licensed source. See notes for license conditions, third-party exceptions and maintenance caveats; no paid core offer found.

Last checked Oct 21, 2026. Prices and licensing may change.

Check current pricing and terms ↗

Landing page preview

Landing page of Svelte Material UI

Captured Oct 21, 2026. This is a visual reference; check the library's license before using its components.

A little more taste in your inbox.

A weekly selection of standout designs, useful UI elements, and fresh inspiration from TastefulKit.