Overview:

Svelte Material UI (SMUI) is a library of Svelte Material UI components based on Material Design Components - Web. It provides a range of features and options for developers to create sleek and modern user interfaces. With support for TypeScript and full customization capabilities, SMUI is a powerful tool for building web applications using Svelte.

Features:

Full TypeScript support: SMUI offers complete TypeScript support, including HTML attributes.
Arbitrary attributes: Users can add arbitrary attributes to all components and many elements within them.
Actions support: Components can have actions added to them using the use={[Action1, [Action2, action2Props], Action3]} syntax.
Props support: Users can add props to lower components and elements using the $ syntax, such as input$maxlength="15".
Event forwarding: All events, including DOM events, SMUI events, and custom events, are forwarded to ensure smooth interaction.
Event modifiers: Users can add event modifiers using the on:click$preventDefault$capture={handler} syntax.
RTL language support: SMUI is built to support right-to-left (RTL) languages.

Summary:

Svelte Material UI (SMUI) is a robust library of Svelte Material UI components that offers features such as full TypeScript support, actions support, custom attributes, event forwarding, and RTL language support. The installation process is well-documented, and users can seek help through the Discord server if needed. With SMUI, developers can create modern and stylish user interfaces using Svelte.

Hperrin

Smui Example Rollup

Smui Example Sveltekit

Svelte Material UI