What UI library do you use?

+1 for Flowbite-Svelte, absolutely love it!

Great overview. I hadn't heard of Skeleton UI but it looks promising. If I had to choose for a new project today, I think I would start with Headless UI (for the functionality) and then put Tailwind and Daisy UI (which can really be thought of as a tailwind add-on) for the styling. That way you get compliant form elements that have a reasonably good looking starting point.

Captain Codeman has created an alternative ‘Svelte Headless UI’ by using Svelte actions and stores instead of a port of the React library. It’s much leaner and philosophically quite pleasing.

Thank you for the Skeleton UI recommendation! I'm watching this five months later and it really seems to have improved a lot! At work we're using a custom design system for our applications but this is really nice when you just want to get down to creating the applications, it's perfect for my own projects. I will continue to support Skeleton UI and follow them closely since it's a real chance I will be using them a lot from now on! As others wrote here before me it will probably be the first open source project I actively support!

+1 for Svelte headless UI. The author did a great job porting it over from Tailwind Labs, and it's documented better than the official Headless UI library IMO. Since I'm coming over from Nextjs + Tailwinds/Headless, this was an easy transition for me. For anybody who's interested in theming, Daisy UI also works on SvelteKit, but I use Daisy just for the themes and roll my own for everything else. Daisy is a Tailwind plug-in, and no issues with Tailwinds itself since not a component lib (at least in traditional sense).

I started with Daisy UI for my side project but then switched to Skeleton UI and absolutely love it! Also started contributing to it as my first open source project. Really excited about where it's headed!

I really want Svelte to mature and to have even more UI libraries. I also hate Material UI and it's awful the amount of libraries for Material UI you have for Svelte. You have Smelte, SMUI, Svelte Materialify, MDBSvelte, etc. Like, why? Earlier this year, I've been testing one that I really find beautiful, *Fluent Svelte* . It's in very very beta at the moment, it's not fully ready for a11y yet. It's based on Microsoft's Fluent Design (for Windows 11). I want a UI library that feels awesome to use, and that I don't have to tweak the source code too much for things to work. No hacks, no jury-rig, no nothing. Just work. I do like to write CSS on my own sometimes, but when I don't, I find myself in a pit of incomplete UI libraries, even abandoned. To be honest, I know most developers are also waiting for Svelte to mature, to finally reach 1.0.0 and to have a stable API. Too many breaking changes for Kit make developing Svelte libraries unfeasible. Until then, it's either verbose my code with Tailwind classes, write pure CSS at the bottom of .svelte files, or stick with another framework, for me.

I used skeleton and it's my favorite so far, agree that some built-in themes has some contrast issues but I believe this will be fixed at some point, if not you can craft your theme easily using css variables

I always use Flowbite Svelte, it's good. Haven't tried skeleton though.

It looks like SkeletonUI fixed every issue you mentioned (checkboxes, contrasts etc.) :D

Thank you for your clips, it helps me to learn sveltekit a lot.

daisyUI and tailwind will make it for me i guess. tailwind for someone who hates CSS is nice but you still need to know CSS so you know what classes to pick, but i guess i'll get into it again. Thank you for making this video!

PicoCSS is another alternative which goes pretty well with svelte's ideology

Thanks for this video! Sums up pretty much everything I hate about the UI libraries available right now. I agree with everything, and frankly I was a bit disappointed because I thought I’d find some new hidden gem in these libraries. They either port existing React libraries (HeadlessUI, Svelte UI), only work with classes (all Tailwind related libraries) or need some convoluted setup. The framework agnostic libraries aren’t that great too because they’re usually design in a React first approach which makes the actual Svelte library completely miss the point of Svelte. Zag, by Chakra UI, the last I checked, couldn’t even implement the Svelte solution because they’re using some generic templating to create the same codebase in Svelte that they have in React but they’re running into issues because they can’t do React stuff in Svelte and expect it to be added to Svelte later… Imagine if the Svelte community had something like Radix UI. It would be game changing. A completely render less UI library that can be easily styled with the Svelte CSS syntax. One can only dream. I think some part of this mess can be attributed to the fact that styling in Svelte is limited in that a component cannot be styled in its parent unless it exposes a class prop. It would be nice if we could specify the names of the component, like Button, Avatar, as we do for the various HTML tags, like button, img, in the style section of the component. Thanks again for the video. I’m glad that you’re putting such high quality content on Svelte!

Daisy UI is the best one by far, it just works and is well polished

Glad I started using and supporting Skeleton

I think its great that svelte material has individual installs for everything, assuming everything works standalone. I have worked with projects where to skip rebuilding a wheel we used some material component but then the entire ui had a partial material look :/

Wow, didn't think there were that many libs! There are some nice and promising ones. I find e.g. beercss quite respectable, there are also demos for e.g. YT, Uber, Netflix and Gmail. And I like their footer text: "Maded with love and beer…“ ☺ Thanks for sharing!

For a noob like me, DaisyUI is great, since it's one of the rare things that I can understand... It also makes sense from a time saving perspective, as I only have a few hours on weekends to play with code.

Man great vid, you should make your own library since you have so many opinions xD

I really enjoy Skeleton UI since it’s not too opinionated but opinionated enough too keep the UI consistent. Unfortunately it currently lacks a few components and A11y/Aria features. I also like Headless UI very much

new favorite channel! 🎉

I am working on my own because i have issues with others, another material design one, but it material design 3, so it will look exactly like google docs, calendar, etc. Basically flutter for svelte. I will be using this video and others and I will try to make it not have the issues of others

great post - so hard to decide these things. which are your top 3 ?

what browser and tab grouping you use?

Love your videos, keep up the good job 👍

From the comments... think I am going to give Skeleton a go. It looks full featured and good focus on svelte.

Do you have any thoughts about framework7 and konsta?

Anyone there using UIKit CSS with Svelte? and why?

Great overview

Shadcn is now available for sveltekit also

I need to see Shoelace

I guess it will be the one I built myself, lol. But yeah I'd admit that I might not cover all those aria labels and such...

Carbon irritated me. Was very excited by it, but after a bit of use, lagging, things loading late etc. Which is why I am checking this video. Looking for a good UI kit with Svelte.

I implemented my last tauri project using sveltekit and Skeleton library in a front-end. I can say it's perfect! Actually I'm not a web developer at all, and I have neither time nor desire to dive into some React under-the-hood crap and study how it works. Sorry, reactmen, but react is a piece of shit, speaking frankly. Well, whatever, it was so easy to make my front-end part of the app! I just chose the theme that was ok for me and built my UI in a few weeks. It just works! I was focused on the backend business logic mostly. I will definitely use Sveltekit and Skeleton in my next project

i wish we can have a libray that take full advantageof svelte actions and eventDispatcher

Nice

daisyUI😍😍😍

also,swiper slider if anyone interested 👌

Understand that you don't like Material Design libraries. What design language(s), type of design and/or library do you like?

I really don't understand why tailwind is so popular to be honest. All it does is move all of your CSS into your markup and force you to do way more typing. I have seen tailwind projects where every div had six or seven classes on it. God forbid if you ever decide to change something

I used Bootstrap with a CSR svelte project and honestly... It was really easy. I mean it looked like a bootstrap project but it was easy

If you're using a transpiler anyway, why don't use a better language than css? I use scss for class nesting alone, never mind other awesome staff there

blazor is miles ahead with stuff like mudblazor. just check out the Input field of mudblazor, way more built in options, including autocomplete right out of the box!

I finally found someone who actually hates material design and UI like me

Why so much Material hate? Really liked the overview, but the Material criticism was too subjective for my taste. In my view it's a mature design system which easily can be styled to your personal taste using CSS and CSS variables ;-)

idk I just hate tailwind. You have to learn a "meta language" in order to do css. It's so stupid. Then you have bazzilion css classes to do what you could do with a few lines of css/scss. But everyone is praising it like the next bootstrap. No, even bootstrap is better than tailwind. At least it does what it says it does and doesn't require a bazzilion classes to express the most basic things. I've been hopping from Angular/Material to Vue/Quasar now playing with Svelte. And the ecosystem is barren. It feels like Go ca. 2013. Promising, but you have to write everything yourself from scratch. Or Rust now

“ok i’m gonna stop hates material design” hahhaahahahaaha man… this video talks a lot to me… I’m 4 real struggling REACT vs SVELTE… and this videos brings me more QUESTIONS… anyway.. this shouldn’t care… let’s see what i’m gonna find and realize after…

There is no good UI library for Svelte. None of them even stand close to Vue UI frameworks like Quasar or Vuetify.

SvelteUI is a copycat of mantine, that's why it has so much react-style things in it

glad you don't like Material 🤣

Abandoned libraries... This is why I'm not using svelte.