carbon-components-svelte VS svelte-material-ui

Svelte/SvelteKit does have some high-quality libraries available like carbon-components-svelte but there's just nothing near as much.

I've opened issue on IBM community to find a solution rather than importing via , although I could not even get any answer to that . After sometime of scratching my head and couple of tests on Webpack behaviour, I've managed to crack carbon-design-system for Svelte once and for all . Repeating myself:

You could check out Carbon https://carbon-components-svelte.onrender.com/

Carbon Desing

We will quickly add carbon-components-svelte using the minimum required steps, but you can check the library’s documentation for more detailed information and examples.

+1 for carbon. The npm package is really well-made; all of the Carbon components are native Svelte components and the docs are excellent. It's a really good port; all of the svelte stuff like bind:toggled, custom Svelte events, etc. all works really nicely.

And other pre-built component that I used and I think it's worth mentioning is the Accordion that exists in Carbon Components for Svelte. It's really pretty and works great too!

For material UI you can use: https://sveltematerialui.com. It works fine although my experience with it is minimal. For tailwind you can run npx svelte-add tailwindcss.

As I mentioned at the beginning of this article, we’re using Svelte Material UI. To install it in our project, we have to first add it to our dependencies:

I know everyone loves Tailwind; I do too. However, there are too many things we take for granted with Material Design. Try and add a simple Date Picker to a Svelte Project. The Materialify project was abandoned (as well as the potential re-write SvelterialJS). The Svelte Material UI hasn't been updated in months, has poor documentation, and may well be on its way to be abandoned as well. Angular Material is well supported by Goodle, React MUI is in the process of getting updated, and so is Vuetify. SolidJS just built a translator for React MUI, and I think it is buggy and doesn't support Solid Start yet. Vercel should donate $$ monthly to support Svelte Material UI. It also needs to add components outside of Material Web (like Datepicker) that the Vue, Angular, and React alternatives support. Material UI is the standard for a reason. Another option would be to find a good translator like Mitosis, but I don't see that happening in this case. That being said, there are some alpha and beta UI Frameworks worth looking at like Skelton and SvelteUI (based on Tailwind). https://sveltematerialui.com/ https://www.skeleton.dev/ https://www.svelteui.org/

material ui web: https://sveltematerialui.com

The issues I've seen with SMUI have to do with TypeScript support (example), but these should be solved in the upcoming release 7.0.

HI all! I am looking for a good Material UI framework to use with Sveltekit! I have been trying to use SMUI from sveltematerialui.com, however it seems to cause tons of issues and the github issues don't seem to want to fix many of them, it seems like it isn't fully prod ready. I have looked at materialify, it seems good, however it hasn't been updated in the past 12 months, so I am not sure about the status of that. Option 3 would be me making all styles myself.... but that is quite a bit of work and I would like to have something working before the end of the month. Does anyone have any good alternatives to these? I have looked into Google's material libs, but they seem geared towards react and I am not sure if I want to mix things up that much. There must be matieral only CSS libs around that will play well with Tailwind, but I haven't had much luck finding anything (open source) that works well.

I'm using SMUI- the Svelte Material UI inspired by the design on Google sites and Android.

Although this could also be done with some other framework like React, Vue, Svelte, etc.I think using a variant of the MaterialUI with its various widgets (user interface elements that can be used to build your app) will give you the look and feel you are looking for, see https://mui.com/ for React or https://sveltematerialui.com/ for Svelte

Now let's create the UI for this application using Sveltematerialui. This UI framework provides us with all the components we need to create our UI. It was developed to allow you to install the component you want, keeping your application as minimal as possible.

Fast forward to February of this year and we began the planning phases for our next generation and evolution of our platform. We immediately began brainstorming a means to transition from Angular to Svelte/Kit. However, as we searched for UI libraries to replace Angular Material we came up short. Sure options like Svelte Material UI were available. However, we had growing concerns about the trajectory of Material Design. Material Design v3 hasn't really been a resounding success, having only a small handful of components (even today), and is currently limited exclusively to Android. Even Angular Material, a Google-owned project, has been slow to adopt v3. Progress has been moving at a snail's pace. This left us with a dilemma.