svelte-materialify VS sveltestrap

For example, have a look at this button. It's a button for a Material design Svelte library. The styling is in a Sass (SCSS) file. The structure and any logic/script is in the .svelte file.

Svelte Materialify

Due to this popularity, devs have introduced several awesome UI component frameworks/libraries like Svelte Material UI, Smelt, Svelte Materialify and Sveltestrap.

I dont know why the https://github.com/TheComputerM/svelte-materialify decided to go on their own way instead of working with SMUI people. May be they are ahead in Typescript support?

I'd suggest: SvelteKit, Typescript, Bootstrap, axios, and yarn. This is a relatively easy combination to learn, and quite fast to develop with. Bootstrap is getting long in the tooth, but it has a vast ecosystem and takes care of a lot of details for you. Alternative frameworks: Nuxt, SolidJS, SolidStart, Astro. Alternative components: Flowbite, Svelma, Smelte.

Check out https://github.com/bestguy/sveltestrap

https://svelte-headlessui.goss.io/docs https://www.svelteui.org https://illright.github.io/attractions/ https://smeltejs.com/ https://github.com/bestguy/sveltestrap https://c0bra.github.io/svelma https://svelte-atoms.web.app/ https://github.com/svelterialjs/svelt... https://www.agnosticui.com/ https://framework7.io/svelte/menu

sveltestrap - Bootstrap 4 & 5 components for Svelte

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/

Sveltestrap

Within a few minutes, I located the sveltestrap dependency, then added it to my project using the following command:

I am using sveltestrap in my project. Link:https://github.com/bestguy/sveltestrap | I want to know how can I use the default utilities classes that are provided by the Bootstrap 5?