# hperrin/svelte-material-ui

Svelte Material UI Components

Repository: https://github.com/hperrin/svelte-material-ui
Canonical: https://ross.abutalabs.com/products/svelte-material-ui
Homepage: https://sveltematerialui.com/
Language: SCSS
License: Apache-2.0
License Family: permissive
Topics: svelte, svelte3, material-ui, material-design, material, svelte-components, sveltejs, svelte4
Last push: 2026-08-04T00:17:40+00:00

## Health v2 (maintenance only)
Score: 75/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 95, release rhythm 35, longevity 100
- inputs: {"age_days": 2605, "days_push": 30, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3441, forks 280 (observed 2026-08-28T04:08:05.101944+00:00)

## What it is
Svelte Material UI (SMUI) is a library of Material Design UI components for Svelte applications, with full TypeScript support, Sass theming, and accessibility features. It supports SvelteKit, server-side rendering, RTL languages, and dark mode.

## Use cases
- build a Material Design UI in Svelte
- find accessible Svelte components with ARIA support
- theme a Svelte app with Sass variables
- add dark mode to a SvelteKit app
- use Material UI components with server-side rendering in Svelte
- build an RTL-aware interface in Svelte
- get strictly typed UI components for Svelte

## When to choose
- you're building a Svelte or SvelteKit app and want Material Design components
- you need TypeScript-typed, accessible, RTL-aware UI components
- you want Sass-based theming with dark mode support

## When to avoid
- you're not using Svelte (e.g. React, Vue, or plain JS projects)
- you need a non-Material design system or fully custom design language
- you're on Svelte 4 and can't upgrade to Svelte 5 (would need SMUI v7)

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, css-framework, accessibility, internationalization
- domain: frontend, web-development, web-design
- platform: -
- tags: material-design, svelte, sveltekit, typescript, sass, component-library, rtl-support, dark-mode, ssr, javascript, nodejs, web

## Member repositories
- hperrin/svelte-material-ui (main) score 75

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:05.101944+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:37:39.106645+00:00, confidence not recorded.
  - readme: https://github.com/hperrin/svelte-material-ui (fetched 2026-08-28T04:08:05.101944+00:00, sha bb8bbb2d5dbb)
  - homepage: https://sveltematerialui.com/ (fetched 2026-08-29T09:31:33.837735+00:00, sha 47d3097426f1)
  - site_page: https://sveltematerialui.com/INSTALL.md (fetched 2026-08-29T09:31:33.842495+00:00, sha a95a7b20ea90)
  - site_page: https://sveltematerialui.com/THEMING.md (fetched 2026-08-29T09:31:33.840398+00:00, sha f119b34b12fa)
- Data as of 2026-08-30T08:39:29.467469+00:00.