svelte-material-ui

A library of Svelte Material UI components, based on Material Design Components - Web .

Key Features

• Svelte-focused implementation of Material Design components
• Full TypeScript support, including HTML attributes
• Flexible component customization:
  • Arbitrary attributes can be added to components
  • Supports actions via use={[Action1, [Action2, action2Props], Action3]}
  • "$" props for lower components (e.g., input$maxlength="15")
• RTL language support ](https://svelte.dev/repl/c2ff2d5dd5404eccb901ba04ef0161be)
• Includes both standard MDC-Web components and SMUI-exclusive additions

Documentation and Demos

• Official site: sveltematerialui.com
• Demo code serves as primary reference for component usage

Component Categories

• Action Buttons (Button, FAB, Icon Button)
• App Bars (Top/Bottom)
• Inputs (Text fields, checkboxes, sliders, etc.)
• Navigation (Tabs, menus, drawers)
• Feedback (Dialogs, snackbars, tooltips)
• Data Display (Cards, lists, data tables)
• Utility (Ripple, elevation, typography)

Version Support

• v8: Requires Svelte 5 (currently prerelease)
• v7: Stable version for Svelte 4
• Migration guides available for all major version upgrades

Icon Options

• Supports multiple icon solutions:
  • Material Icon Font
  • Material Design Icons (MDI)
  • Custom SVG integration

License

Apache License 2.0