Moving away from MUI, choosing the next UI library

[marcopiovanello]

Hello!

Last year (almost) I've started an idea of rewriting yt-dlp-webui's frontend with svelte, but the lacking of good UI libraries and the recent transition to svelte 5 made me abandon it.

Some considerations, I love React and I'm planning to stick with it for many more years 😄. I don't understand critics like "React is slow, use library x". Define slow.

But back on the main topic, yt-dlp-webui uses MUI and recently it has become a problem. (Let's be clear, MUI is great I've used in many enterprise projects).

The problem is that the project grew, quite impressively to be honest, MUI cannot be tree-shaken properly (at least in my case), the bundle size is over 500KB just for the layout (event after code-splitting) and many people dislike MUI in terms of UX.

The mobile UX is horrible, mobile was never meant to be the main target of this app, but many users use it from mobile too which it has to be take in cosinderation.

In these 2.5 years many alternatives have emerged.

[joestump]

First three all seem like good options. The last two seem costly where cost is your after work hours. 😄

[marcopiovanello]

It's indeed true 🥲

[quadcom]

I wish I could contribute advice. Alas I'm not a dev and don't know any of the languages you've mentioned.

I just wanted to leave a note to show that people are seeing this and care.

Thanks for building this and sharing it with the community!

[marcopiovanello]

I think it's almost decided for shadcn/ui!

[Its4Nik]

Hey there, just gonna throw my 2 cents into here as well, i recently took a look at https://remix.run it is a react based framework and I think its one of the most user friendly frameworks out there.

Ik it isnt a Component Library but i am using it with ShadCN + Tailwind and the dev experience has been great so far :)

[marcopiovanello]

That's great to hear! I don't have experience with Remix, but if it's possible to build client side rendered app it would be great!

For more context: the react frontend needs to be embedded (as static resources) into the binary. Solutions like next, while being great for many reasons, are not feasible.

[Its4Nik]

That's great to hear! I don't have experience with Remix, but if it's possible to build client side rendered app it would be great!

For more context: the react frontend needs to be embedded (as static resources) into the binary. Solutions like next, while being great for many reasons, are not feasible.

i sadly do not know if that is possible im a datacenter technician not a dev, but my educated guess is that it should be possible... Remix uses vite under the hood if that helps 🤷

[duracell80]

The material design element of the UI is awesome, particularly for Android users. Try to keep that part of it for sure. Too many devs focus on the latest trends.

Some ideas:

• Make authentication easier, since it's self hosted LAN security could be a priority for some.

• Add URL's to the queue via a browser bookmarklet (if possible via an API with vanilla JavaScript?)

• Audio use cases: Download audio only in a separate section / Folder of the UI

[marcopiovanello]

Thanks for the suggestions! They're vital!

[ndom91]

Just wanted to mention there is a pretty great shadcn port to svelte, shadcn-svelte (https://shadcn-svelte.com)

[sdassow]

On a related note, I'd be interested in a native client using Fyne.

[planetrocky]

Anything that isn’t based upon react.js

[marcopiovanello]

Why

[salzig]

@planetrocky it already uses react. Why bother switching?

[lamualfa]

Try mantine. It's popular, stable, consistent & have so much ready to use components.

https://mantine.dev/

[ffflick-gh]

Hello, is there any update to this? I am wondering when the next version with the updated UI will be released. Thanks 🙂