Best UI Library for Svelte 

Hunter, this is a spectacular intro to the library. Great job covering so much in such a short amount of time!

I have been using this for a few months and I'm hoping this gets there as the best library. There are still a few components I need to use it in my projects but some have already been requested. Also been sponsoring a small amount a month to the project. Thanks for making this.

Your videos are the #1 resource for sveltekit!

This is so cool. Thank you Hunter for the amazing Demo. Definitely know what I'll be using to build my blog website now.

So excited to use this! Thank you for making these in depth svelte videos.

Just came across your channel from Reddit - thank you so much for your content. It's amazing!

Didn't know that something so powerful existed, I will definitely use it in the future. Thanks for sharing, your channel is gold!

Looks like a great library and very nice to see not just an overview but actual usage in multiple components which make up a working example. Nice nice nice. Well done!

I wish I had seen this 2 months ago... Now I want to rewrite my project with this. You made it look to easy! Thanks

Thank you so much for these videos. I got introduced to Svelte and Sveltekit just because of your videos. This semester I made my frontend for a project using sveltekit. Can't thank you enough.

I just started building something with this so I'm super glad to see you make a video on it! Glad I found your channel!

This is super fast but still super easy to understand each part thank you so much

Great video! Spent part of yesterday switching one of my projects over to skeleton after watching. Man you were fast talking....I usually watch videos at 1.5x...first time I had to switch to .75 lol

Perfect timing! Going to add to my startup this week - thanks Hunter ;)

Thanks Hunter - great video, one of your best! I just have to watch it a few more times to take everything in :)

Man this is amazing, I have been using Flowbite svelte for my current project and it's a bit finicky to use. This looks amazing with all that stores feature, I will definitely use Skeleton for my next project!

I'm not a svelte dev, but this is a nice video. Might consider trying it out (svelte with this ui lib).

Glad you came around to Skeleton. Daisy UI is good but Skeleton is better.

I probably dont need a course now .. but going to buy your course for 2 reasons .. 1st I am sure you will teach something new and interesting 2nd. I want to say thank you for sharing your knowledge :) Having said that .. I would recommend to add 2 more things in the course .. 1st prisma .. I use prisma along with supabase because much easy to manage and update database schema. However I use supabase query due to speed and row level security.. (row level security in prisima is not very clean). 2nd tRPC - I use trpc with sveltekit now.. help me avoid mistakes and write fast code

Awesome, just the inspiration I needed for an upcoming project.

Oh yeah, this is the library I was waiting for svelte, thank you for the tutorial! +1 sub

Thanks Hunter. You crammed a lot in to this. Very useful. One observation: I like to pause vids to check I understand any new code that’s introduced. Because you speed up some parts of your vid (eg. When adding new code) it’s not all that easy to stop the vid at the right moment to check it out. I understand you want to make your vids short and snappy and that’s great but as I can set playback to 1.25x or 1.5x, if I need to save time, perhaps not speeding through those new code additions might be better for those of us who need to check the code and/or who watch on mobile devices. Desktop is probably easier to control but YT on mobile sucks for frame-by-frame playback. 😎

tried it in 2 projects , and svelte + skeleton are just perfectly combinet to make the code less boilerplaty and more self explanatory without tons of Comments, with a backend like pocketbase that's the perfect setup for starting a project or even a startup

what a nice tutorial and explaination. Please keep going what you're. it helped me a lot as beginner. TQ.

A fantastically detailed look at Skeleton UI. Really helpful while I'm learning Svelte and SvelteKit. Great to see some common patterns of usage which help me to understand SvelteKit best practices. Thanks!

This is so useful, thank you very much! I hope to see more videos.

This is sick :D thanks for the video

I love your videos about Svelte!

This is amazing! Great video. 😊

Instantly subscribed. You legend!

Amazing job for your videos and the team behind Skeleton. It's make my life easier.

What a fantastic video. Really well presented

This is Netflix worthy content, just ... mesmerizing

Thanks for the great content as usual, waiting for the saas course

Skeleton UI looks really great but in the end I pulled it back out because too many of the components had their "opinionation" sort of overriding what I felt I needed to accomplish. I hope everyone gets great use of it. That's not a criticism but just advice for potential adopters, that you ought to have a really thorough look at the implementation details of the components before selecting this for your project.

WOW IS AMAZING , PLEASE MORE VIDEOS , THANKS FOR ALL

i'm a react/nextjs full stack developer realizing how much time I could have saved when I knew about the svelte ecosystem. but hey better late than ever. loving svelte/kit so far🔥🔥

Awesome tutorial. Those docs look clean!

What a fenomenal guide, thank you very much for this!

Another great video, thanks.

Have been using it in all of my projects. Only problem I have is that if you make dark mode look good it usually does not translate that well to light mode. Have to do a lot of manual fine tuning to make it decent.

Im sorry if you’ve been asked this a hundred times, but I love your browser setup. Could you point me towards what plugins you’re using for your browser (and what browser it is)? Thanks!

Thank you, as always

This is fantastic!

Looks AMAZING, gosh. Thanks

Looking awesome! Re the colors, I’m pretty sure you can use tailwind’s opacity modifier with hex code colors as well. That’s what I do 🤷🏻‍♂️

Thanks... and kudos for sharing the code

agreed.. after a lot of research skeleton is the best 👌

God I wish I knew about this before choosing a UI library for my project... Settled on SMUI which was a mistake. I wish I could migrate everything in a click lol

Wow. I started a React app two weeks ago with Mantine. Been on the edge w Svelte for a bit but felt that the UI libraries were too immature. I think I’ll migrate and use Skeleton!

Awesome!

Hunter, gracias por compartir tu tiempo y conocimientos. Si quisiera poder manejar Svelte al mismo nivel que lo haces vos, por donde debería empezar ?, me sorprende como manejas el Local Storage. Te mando un besito

SkeletonUI is just 👌

I've always been skeptical about svelte, but this looks ok, I might give it a chance

I prefer not to use AppShell because the scroll bar is applied to the content container rather than the page. This breaks stuff like page up/down keys and mouse scrolling with the cursor over the header and print layout.

Thank you.

Hey man, great tutorial, thank you! If I may add some critique, I’d really appreciate if you toned down the fast zooms and pans a little bit. It’s often quite disorienting and sometimes the cuts / zoom transitions to another space on the screen are so fast that it’s hard to see what you actually did and where you pasted or wrote things. Just showing the VS Code window at a nice readable text size is more than enough most of the time. Thanks :)

i’m tired of trying and changing UI libraries, hopefully this one will be the definitive

This is sick!!

Quality content. ❤

This is AMAZING.

Great video - can you make more like this for Skelton please - Cheers

can you make a video explaining how can you set up theme switch in skeleton like you did for daisy ui... nice video

Awesome, so good.

I have recently started using this library. Is this the best svelte library??

Brilliant!

Thanks)

Hi I'm interestedguide explaining in details some features and how they work ( the styling , layout , ...)

amazing..!!

I'm wondering how you think Skeleton compares to SvelteUI? It seems that Skeleton is significantly more mature than SvelteUI at the moment, but do you think it will get feature parity eventually? Is it easier to user than Skeleton?

I wish i could the code you used. You just glance over it

I’m never sure how much time an opinionated UI component framework really saves? If I have already built a system for previous projects, I can reuse my own components and add to my set-up with each new thing I need to build for a new project. I think it’s probably worth building a few projects with Vanilla SvelteKit, to learn about the tooling svelte offers out of the box, before adding in an extra library of stuff that may not be necessary. I’ve tried a few UI frameworks with React and got fed up with having to learn the quirks of the framework rather than finding it sped up my workflow. That’s why I switched to Svelte and SvelteKit in the first place. How long does it take to feel comfortable using Skeleton and are there situations where you get frustrated with not being able to do what you want as easily as you thought?

Wow! This is fantastic, thank you for this video! As a Vue dev moving over to Svelte, this video has been great to reinforce what I’m learning about SvelteKit and showcases an awesome UI library. I have to ask though - what VS code theme are you using?? It looks great!

great video!

while it know its just text, after adding custom theme in the beginning, and i look over source of a simple page file, source is over 6000 lines long, does not seem very efficient

I think skeleton is a great project and I applaud the effort. Unfortunately the radius and white space choices of the default themes are - urgh. I don't want this to come across too negative or ungrateful - but I really wish the themes were closer to the level of tailwindui. I hope this can all be fixed in a custom theme.

Thanks you man. Is there a similar toolkit for VueJS ?

Very nice video. What is your browser?

What's that font on your VSCode? So nice

Can you also cover flowbite for svelte

Try adapting TailwindUI without Headless UI support...

Can you transition from from Daisy UI to Skeleton UI or do you have rip out Daisy UI and then go back and add Skeleton UI to your project.

Nice video! It's just that you are speaking a little bit fast. 😂

Too few UI components :( Look ad Quasar or PrimeVue, the huge difference

I want this tech to make mobile apps 😢

Do you use Skeleton UI in your Modern Saas course?

Any similar library for react?

I tried it, but i think i am too stupid, because i can't make stuff work.

I switched from skeleton to flowbite svelte, I always feel the theme of skeleton is kinda not that good

It’s nice that people mention that it uses Tailwind really early on as if it’s a good thing, it just tells me immediately to not get invested as Tailwind is revolting

Based edge vertical tab user. But you can also remove that ugly title bar, too, just sayin

To be honest a UI library without all the inputs and especially Datepicker is kind of useless. Like, here's a library where things look like this, but hey, if you need a simple date input in your app then you have to make your own control and make it look like this. In my opinion, you start with the inputs, then you add everything else.

Wish it didn't use tailwind

I like the video, but man you are going way to fast!

don't see the value in this

Things like this just further disconnects people from how the actual css/svelte works. I mean app shell for the simple route? Componentizing the built in routes is just lol. And the name, its not skeleton, its full on chunky boi.

Best UI Library = None

This library is ugly out of the box, and dropdowns and models are pain in the neck. Theming is also confusing.

In my opinion the current skeloton doesn't look professional. It looks a bit more like playground. Sorry for it but that is only my opinion...

i tried it, this is the worst UI one can use!