akar-icons-svelte VS svelte-material-ui

Hey try this https://github.com/WilliamVenner/akar-icons-svelte

I haven’t used it, but Svelte Material UI caught my attention the other day

Try Svelma and Svelte Material and tell me how you like it. I think they look very interesting but I haven't worked with them yet.

That's one of the issues with Svelte. It's a newcomer so the ecosystem is minuscule.

Personally I'm happy using Bulma with Svelte. I find most UI libraries tend to add too much bloat so I'd rather have something that only adds configurable CSS and just add as much JS as I need/want.

I used Vue+Vuetify some years ago. I wasn't very happy with it, but I agree Svelte needs something similar.

There are a couple of projects out there that add Svelte components for Bootstrap, Material, or IBM Carbon you could check.

https://sveltematerialui.com/

https://github.com/bestguy/sveltestrap

https://github.com/carbon-design-system/carbon-components-sv...

There are also a couple of projects about headless (no CSS) components for Svelte although I only seem to be able to find this one (not public yet)

https://svelteui.com/

Svelte Material UI

If you need a UI library implemented as Svelte components, look at the above plus https://sveltematerialui.com/ etc.

Are you referring to how I override the $$on method on components here to forward events? I adapted this from svelte-material-ui here to work around some limitations with Svelte. I'd rather not do this, of course, but my snarky response is that maybe Svelte should finally address this issue itself :) There are a number of long-standing open PRs, issues, and RFCs to address the difficulty of forwarding events in Svelte. Once a solution makes its way into the framework I'll be more than happy to get rid of this.